npm - @postnord/pn-marketweb-components - Versions diffs - 3.0.2 → 3.0.4 - Mend

@postnord/pn-marketweb-components 3.0.2 → 3.0.4

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.

Files changed (756) hide show

package/esm/pn-multi-row-connected-dropdown.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-fa51bde4.js';
 import { p as plus } from './plus-7ee93ae7.js';
 import { v as v4 } from './v4-964634d6.js';
@@ -9,24 +9,6 @@ const PnMultiRowConnectedDropdown = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.allFormValues = createEvent(this, "allFormValues", 7);
-        this._buttonValueName = null;
-        this._firstDropdownValueName = null;
-        this._secondDropdownValueName = null;
-        this._inputValueName = null;
-        this._dateValueName = null;
-        this._defaultRow = {
-            id: this.generateUniqueId(),
-            buttons: [],
-            firstDropdown: [],
-            secondDropdown: [],
-            input: '',
-            dates: '',
-            dateRange: {
-                days: [],
-                startDate: '',
-                endDate: '',
-            },
-        };
         this.dropdownData = null;
         this.languageCode = null;
         this.label = null;
@@ -52,17 +34,36 @@ const PnMultiRowConnectedDropdown = class {
         this.rowData = null;
         this.formValues = null;
     }
+    get hostElement() { return getElement(this); }
+    _buttonValueName = null;
+    _firstDropdownValueName = null;
+    _secondDropdownValueName = null;
+    _inputValueName = null;
+    _dateValueName = null;
+    allFormValues;
+    _defaultRow = {
+        id: this.generateUniqueId(),
+        buttons: [],
+        firstDropdown: [],
+        secondDropdown: [],
+        input: '',
+        dates: '',
+        dateRange: {
+            days: [],
+            startDate: '',
+            endDate: '',
+        },
+    };
     componentWillLoad() {
-        var _a, _b, _c, _d, _e;
         this.setDaysArr();
         this.formValues = [];
         this.rowData = [this._defaultRow];
         this.rowCount = this.rowData.length;
-        this._buttonValueName = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.length) ? this.label : 'value0';
-        this._firstDropdownValueName = ((_b = this.firstDropdownLabel) === null || _b === void 0 ? void 0 : _b.length) ? this.firstDropdownLabel : 'value1';
-        this._secondDropdownValueName = ((_c = this.secondDropdownLabel) === null || _c === void 0 ? void 0 : _c.length) ? this.secondDropdownLabel : 'value2';
-        this._inputValueName = ((_d = this.inputFildLabel) === null || _d === void 0 ? void 0 : _d.length) ? this.inputFildLabel : 'value3';
-        this._dateValueName = ((_e = this.dateButtonText) === null || _e === void 0 ? void 0 : _e.length) ? this.dateButtonText : 'value4';
+        this._buttonValueName = this.label?.length ? this.label : 'value0';
+        this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';
+        this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';
+        this._inputValueName = this.inputFildLabel?.length ? this.inputFildLabel : 'value3';
+        this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';
     }
     componentDidLoad() { }
     emittValuesIfValid() {
@@ -85,12 +86,12 @@ const PnMultiRowConnectedDropdown = class {
                 rowValue.row.push(secondDropdownValue);
             }
             const input = item.input;
-            if (input === null || input === void 0 ? void 0 : input.length) {
+            if (input?.length) {
                 const inputValue = { name: this._inputValueName, value: input };
                 rowValue.row.push(inputValue);
             }
-            const dates = item.dates;
-            if (dates === null || dates === void 0 ? void 0 : dates.length) {
+            const dates = item.dates["start"];
+            if (dates?.length) {
                 const datestValue = { name: this._dateValueName, value: dates };
                 rowValue.row.push(datestValue);
             }
@@ -109,7 +110,15 @@ const PnMultiRowConnectedDropdown = class {
     predefinedValueChange(e) {
         const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);
         const val = e.detail;
-        this.rowData[indexToUpdate] = Object.assign(Object.assign({}, this.rowData[indexToUpdate]), { buttons: val.buttons, firstDropdown: val.firstDropdown, secondDropdown: val.secondDropdown, input: val.input, dates: val.dates, dateRange: val.dateRange });
+        this.rowData[indexToUpdate] = {
+            ...this.rowData[indexToUpdate],
+            buttons: val.buttons,
+            firstDropdown: val.firstDropdown,
+            secondDropdown: val.secondDropdown,
+            input: val.input,
+            dates: val.dates,
+            dateRange: val.dateRange,
+        };
         this.emittValuesIfValid();
     }
     deleteRowEvent(e) {
@@ -188,15 +197,12 @@ const PnMultiRowConnectedDropdown = class {
         }
     }
     render() {
-        var _a;
-        return (h(Host, { key: '6837a0780ef6d2a8f538ed29724a444f3a3e8c01' }, (_a = this.rowData) === null || _a === void 0 ? void 0 :
-            _a.map((data, i) => {
-                return (h("div", { class: 'generated-row-' + i, id: 'generated-row-connected-dropdown-' + i }, h("pn-multi-row-connected-dropdown-row", { "dropdown-data": this.dropdownData, "language-code": this.languageCode, label: this.label, "first-dropdown-label": this.firstDropdownLabel, "second-dropdown-label": this.secondDropdownLabel, "dropdown-placeholder": this.dropdownPlaceholder, "add-row-text": this.addRowText, "input-fild-label": this.inputFildLabel, "input-fild-placeholder": this.inputFildPlaceholder, "date-button-text": this.dateButtonText, "date-placeholder": this.datePlaceholder, "date-days-from-today": this.dateDaysFromToday, "allow-multiple-dates": this.allowMultipleDates, "start-date-label": this.startDateLabel, "end-date-label": this.endDateLabel, "multi-date-helper-text": this.multiDateHelperText, "generate-dates-button-text": this.generateDatesButtonText, "save-date-button-text": this.saveDateButtonText, "no-dates-text": this.noDatesText, index: i, "predefined-value": JSON.stringify(data), "years-to-add-to-end-date": this.yearsToAddToEndDate })));
-            }), this.allowMultipleRows ? (h("div", { class: "connected-dropdown__row" }, h("pn-button", { tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
+        return (h(Host, { key: '35f9a37f73fc0713405c0f403c8f8df7eff987ae' }, this.rowData?.map((data, i) => {
+            return (h("div", { class: 'generated-row-' + i, id: 'generated-row-connected-dropdown-' + i }, h("pn-multi-row-connected-dropdown-row", { "dropdown-data": this.dropdownData, "language-code": this.languageCode, label: this.label, "first-dropdown-label": this.firstDropdownLabel, "second-dropdown-label": this.secondDropdownLabel, "dropdown-placeholder": this.dropdownPlaceholder, "add-row-text": this.addRowText, "input-fild-label": this.inputFildLabel, "input-fild-placeholder": this.inputFildPlaceholder, "date-button-text": this.dateButtonText, "date-placeholder": this.datePlaceholder, "date-days-from-today": this.dateDaysFromToday, "allow-multiple-dates": this.allowMultipleDates, "start-date-label": this.startDateLabel, "end-date-label": this.endDateLabel, "multi-date-helper-text": this.multiDateHelperText, "generate-dates-button-text": this.generateDatesButtonText, "save-date-button-text": this.saveDateButtonText, "no-dates-text": this.noDatesText, index: i, "predefined-value": JSON.stringify(data), "years-to-add-to-end-date": this.yearsToAddToEndDate })));
+        }), this.allowMultipleRows ? (h("div", { class: "connected-dropdown__row" }, h("pn-button", { tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
                 this.addRow();
             } }, this.addRowText))) : null));
     }
-    get hostElement() { return getElement(this); }
 };
 PnMultiRowConnectedDropdown.style = PnMultiRowConnectedDropdownStyle0;

package/esm/pn-multi-row-connected-dropdown.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-multi-row-connected-dropdown.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n gap: 1rem;\n\n .connected-dropdown {\n &__row {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n margin-bottom: 1rem;\n justify-content: space-between;\n\n &__no-margin {\n margin: 0;\n }\n }\n\n &__button-right {\n margin-left: auto;\n }\n }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-multi-row-connected-dropdown',\n styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n @Element() hostElement: Element;\n\n @Prop() dropdownData: string \| Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() label: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() dropdownPlaceholder: string = null;\n @Prop() addRowText: string = null;\n @Prop() inputFildLabel: string = null;\n @Prop() inputFildPlaceholder: string = null;\n @Prop() dateButtonText: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = null;\n @Prop() allowMultipleRows: boolean = false;\n @Prop() allowMultipleDates: boolean = false;\n @Prop() startDateLabel: string = null;\n @Prop() endDateLabel: string = null;\n @Prop() multiDateHelperText: string = null;\n @Prop() generateDatesButtonText: string = null;\n @Prop() saveDateButtonText: string = null;\n @Prop() noDatesText: string = null;\n @Prop() yearsToAddToEndDate: number = null;\n\n @State() rowCount: number = null;\n @State() rowData: PredefinedValues[] = null;\n @State() formValues: FormValue[] = null;\n\n private _buttonValueName: string = null;\n private _firstDropdownValueName: string = null;\n private _secondDropdownValueName: string = null;\n private _inputValueName: string = null;\n private _dateValueName: string = null;\n\n @Event() allFormValues: EventEmitter<string>;\n\n private _defaultRow: PredefinedValues = {\n id: this.generateUniqueId(),\n buttons: [],\n firstDropdown: [],\n secondDropdown: [],\n input: '',\n dates: '',\n dateRange: {\n days: [],\n startDate: '',\n endDate: '',\n },\n };\n\n componentWillLoad() {\n this.setDaysArr();\n this.formValues = [];\n this.rowData = [this._defaultRow];\n this.rowCount = this.rowData.length;\n\n this._buttonValueName = this.label?.length ? this.label : 'value0';\n this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n this._inputValueName = this.inputFildLabel?.length ? this.inputFildLabel : 'value3';\n this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n }\n\n componentDidLoad() {}\n\n emittValuesIfValid() {\n this.formValues = [];\n this.rowData.forEach(item => {\n const rowValue: FormValue = { row: [] };\n\n const buttonSelection = item.buttons.find(x => x.selected === true);\n if (buttonSelection) {\n const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n rowValue.row.push(buttonValue);\n }\n\n const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n if (firstDropdownSelection) {\n const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n rowValue.row.push(firstDropdownValue);\n }\n\n const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n if (secondDropdownSelection) {\n const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n rowValue.row.push(secondDropdownValue);\n }\n\n const input = item.input;\n if (input?.length) {\n const inputValue: RowValue = { name: this._inputValueName, value: input };\n rowValue.row.push(inputValue);\n }\n\n const dates = item.dates;\n if (dates?.length) {\n const datestValue: RowValue = { name: this._dateValueName, value: dates };\n rowValue.row.push(datestValue);\n }\n\n if (rowValue.row.length === 5) {\n this.formValues.push(rowValue);\n }\n });\n\n if (this.formValues.length === this.rowData.length) {\n const valueJsonString = JSON.stringify(this.formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n @Listen('rowValueChange')\n predefinedValueChange(e) {\n const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n const val: PredefinedValues = e.detail;\n this.rowData[indexToUpdate] = {\n ...this.rowData[indexToUpdate],\n buttons: val.buttons,\n firstDropdown: val.firstDropdown,\n secondDropdown: val.secondDropdown,\n input: val.input,\n dates: val.dates,\n dateRange: val.dateRange,\n };\n this.emittValuesIfValid();\n }\n\n @Listen('deleteRowEvent')\n deleteRowEvent(e) {\n const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n this.rowData.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n this.rowCount = this.rowData.length;\n this.emittValuesIfValid();\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n addRow() {\n const newRow = this._defaultRow;\n newRow.id = this.generateUniqueId();\n\n this.rowData = [...this.rowData, newRow];\n this.rowCount = this.rowData.length;\n }\n\n setDaysArr() {\n const language = this.languageCode.toLowerCase();\n\n switch (language) {\n case 'en':\n this._defaultRow.dateRange.days = [\n { label: 'Monday', value: '1', selected: false },\n { label: 'Tuesday', value: '2', selected: false },\n { label: 'Wednesday', value: '3', selected: false },\n { label: 'Thursday', value: '4', selected: false },\n { label: 'Friday', value: '5', selected: false },\n ];\n break;\n\n case 'sv':\n this._defaultRow.dateRange.days = [\n { label: 'Måndag', value: '1', selected: false },\n { label: 'Tisdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n case 'da':\n this._defaultRow.dateRange.days = [\n { label: 'Mandag', value: '1', selected: false },\n { label: 'Tirsdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n case 'fi':\n this._defaultRow.dateRange.days = [\n { label: 'Maanantai', value: '1', selected: false },\n { label: 'Tiistai', value: '2', selected: false },\n { label: 'Keskiviikko', value: '3', selected: false },\n { label: 'Torstai', value: '4', selected: false },\n { label: 'Perjantai', value: '5', selected: false },\n ];\n break;\n\n case 'no':\n this._defaultRow.dateRange.days = [\n { label: 'Mandag', value: '1', selected: false },\n { label: 'Tirsdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n default:\n this._defaultRow.dateRange.days = [\n { label: 'Monday', value: '1', selected: false },\n { label: 'Tuesday', value: '2', selected: false },\n { label: 'Wednesday', value: '3', selected: false },\n { label: 'Thursday', value: '4', selected: false },\n { label: 'Friday', value: '5', selected: false },\n ];\n break;\n }\n }\n\n render() {\n return (\n <Host>\n {this.rowData?.map((data, i) => {\n return (\n <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n <pn-multi-row-connected-dropdown-row\n dropdown-data={this.dropdownData}\n language-code={this.languageCode}\n label={this.label}\n first-dropdown-label={this.firstDropdownLabel}\n second-dropdown-label={this.secondDropdownLabel}\n dropdown-placeholder={this.dropdownPlaceholder}\n add-row-text={this.addRowText}\n input-fild-label={this.inputFildLabel}\n input-fild-placeholder={this.inputFildPlaceholder}\n date-button-text={this.dateButtonText}\n date-placeholder={this.datePlaceholder}\n date-days-from-today={this.dateDaysFromToday}\n allow-multiple-dates={this.allowMultipleDates}\n start-date-label={this.startDateLabel}\n end-date-label={this.endDateLabel}\n multi-date-helper-text={this.multiDateHelperText}\n generate-dates-button-text={this.generateDatesButtonText}\n save-date-button-text={this.saveDateButtonText}\n no-dates-text={this.noDatesText}\n index={i}\n predefined-value={JSON.stringify(data)}\n years-to-add-to-end-date={this.yearsToAddToEndDate}\n ></pn-multi-row-connected-dropdown-row>\n </div>\n );\n })}\n\n {this.allowMultipleRows ? (\n <div class=\"connected-dropdown__row\">\n <pn-button\n tooltip={this.addRowText ? this.addRowText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow();\n }}\n >\n {this.addRowText}\n </pn-button>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-multi-row-connected-dropdown.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n gap: 1rem;\n\n .connected-dropdown {\n &__row {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n margin-bottom: 1rem;\n justify-content: space-between;\n\n &__no-margin {\n margin: 0;\n }\n }\n\n &__button-right {\n margin-left: auto;\n }\n }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-multi-row-connected-dropdown',\n styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n @Element() hostElement: Element;\n\n @Prop() dropdownData: string \| Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() label: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() dropdownPlaceholder: string = null;\n @Prop() addRowText: string = null;\n @Prop() inputFildLabel: string = null;\n @Prop() inputFildPlaceholder: string = null;\n @Prop() dateButtonText: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = null;\n @Prop() allowMultipleRows: boolean = false;\n @Prop() allowMultipleDates: boolean = false;\n @Prop() startDateLabel: string = null;\n @Prop() endDateLabel: string = null;\n @Prop() multiDateHelperText: string = null;\n @Prop() generateDatesButtonText: string = null;\n @Prop() saveDateButtonText: string = null;\n @Prop() noDatesText: string = null;\n @Prop() yearsToAddToEndDate: number = null;\n\n @State() rowCount: number = null;\n @State() rowData: PredefinedValues[] = null;\n @State() formValues: FormValue[] = null;\n\n private _buttonValueName: string = null;\n private _firstDropdownValueName: string = null;\n private _secondDropdownValueName: string = null;\n private _inputValueName: string = null;\n private _dateValueName: string = null;\n\n @Event() allFormValues: EventEmitter<string>;\n\n private _defaultRow: PredefinedValues = {\n id: this.generateUniqueId(),\n buttons: [],\n firstDropdown: [],\n secondDropdown: [],\n input: '',\n dates: '',\n dateRange: {\n days: [],\n startDate: '',\n endDate: '',\n },\n };\n\n componentWillLoad() {\n this.setDaysArr();\n this.formValues = [];\n this.rowData = [this._defaultRow];\n this.rowCount = this.rowData.length;\n\n this._buttonValueName = this.label?.length ? this.label : 'value0';\n this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n this._inputValueName = this.inputFildLabel?.length ? this.inputFildLabel : 'value3';\n this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n }\n\n componentDidLoad() {}\n\n emittValuesIfValid() {\n this.formValues = [];\n this.rowData.forEach(item => {\n const rowValue: FormValue = { row: [] };\n\n const buttonSelection = item.buttons.find(x => x.selected === true);\n if (buttonSelection) {\n const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n rowValue.row.push(buttonValue);\n }\n\n const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n if (firstDropdownSelection) {\n const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n rowValue.row.push(firstDropdownValue);\n }\n\n const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n if (secondDropdownSelection) {\n const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n rowValue.row.push(secondDropdownValue);\n }\n\n const input = item.input;\n if (input?.length) {\n const inputValue: RowValue = { name: this._inputValueName, value: input };\n rowValue.row.push(inputValue);\n }\n\n const dates = item.dates[\"start\"];\n if (dates?.length) {\n const datestValue: RowValue = { name: this._dateValueName, value: dates };\n rowValue.row.push(datestValue);\n }\n\n if (rowValue.row.length === 5) {\n this.formValues.push(rowValue);\n }\n });\n\n if (this.formValues.length === this.rowData.length) {\n const valueJsonString = JSON.stringify(this.formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n @Listen('rowValueChange')\n predefinedValueChange(e) {\n const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n const val: PredefinedValues = e.detail;\n this.rowData[indexToUpdate] = {\n ...this.rowData[indexToUpdate],\n buttons: val.buttons,\n firstDropdown: val.firstDropdown,\n secondDropdown: val.secondDropdown,\n input: val.input,\n dates: val.dates,\n dateRange: val.dateRange,\n };\n this.emittValuesIfValid();\n }\n\n @Listen('deleteRowEvent')\n deleteRowEvent(e) {\n const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n this.rowData.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n this.rowCount = this.rowData.length;\n this.emittValuesIfValid();\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n addRow() {\n const newRow = this._defaultRow;\n newRow.id = this.generateUniqueId();\n\n this.rowData = [...this.rowData, newRow];\n this.rowCount = this.rowData.length;\n }\n\n setDaysArr() {\n const language = this.languageCode.toLowerCase();\n\n switch (language) {\n case 'en':\n this._defaultRow.dateRange.days = [\n { label: 'Monday', value: '1', selected: false },\n { label: 'Tuesday', value: '2', selected: false },\n { label: 'Wednesday', value: '3', selected: false },\n { label: 'Thursday', value: '4', selected: false },\n { label: 'Friday', value: '5', selected: false },\n ];\n break;\n\n case 'sv':\n this._defaultRow.dateRange.days = [\n { label: 'Måndag', value: '1', selected: false },\n { label: 'Tisdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n case 'da':\n this._defaultRow.dateRange.days = [\n { label: 'Mandag', value: '1', selected: false },\n { label: 'Tirsdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n case 'fi':\n this._defaultRow.dateRange.days = [\n { label: 'Maanantai', value: '1', selected: false },\n { label: 'Tiistai', value: '2', selected: false },\n { label: 'Keskiviikko', value: '3', selected: false },\n { label: 'Torstai', value: '4', selected: false },\n { label: 'Perjantai', value: '5', selected: false },\n ];\n break;\n\n case 'no':\n this._defaultRow.dateRange.days = [\n { label: 'Mandag', value: '1', selected: false },\n { label: 'Tirsdag', value: '2', selected: false },\n { label: 'Onsdag', value: '3', selected: false },\n { label: 'Torsdag', value: '4', selected: false },\n { label: 'Fredag', value: '5', selected: false },\n ];\n break;\n\n default:\n this._defaultRow.dateRange.days = [\n { label: 'Monday', value: '1', selected: false },\n { label: 'Tuesday', value: '2', selected: false },\n { label: 'Wednesday', value: '3', selected: false },\n { label: 'Thursday', value: '4', selected: false },\n { label: 'Friday', value: '5', selected: false },\n ];\n break;\n }\n }\n\n render() {\n return (\n <Host>\n {this.rowData?.map((data, i) => {\n return (\n <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n <pn-multi-row-connected-dropdown-row\n dropdown-data={this.dropdownData}\n language-code={this.languageCode}\n label={this.label}\n first-dropdown-label={this.firstDropdownLabel}\n second-dropdown-label={this.secondDropdownLabel}\n dropdown-placeholder={this.dropdownPlaceholder}\n add-row-text={this.addRowText}\n input-fild-label={this.inputFildLabel}\n input-fild-placeholder={this.inputFildPlaceholder}\n date-button-text={this.dateButtonText}\n date-placeholder={this.datePlaceholder}\n date-days-from-today={this.dateDaysFromToday}\n allow-multiple-dates={this.allowMultipleDates}\n start-date-label={this.startDateLabel}\n end-date-label={this.endDateLabel}\n multi-date-helper-text={this.multiDateHelperText}\n generate-dates-button-text={this.generateDatesButtonText}\n save-date-button-text={this.saveDateButtonText}\n no-dates-text={this.noDatesText}\n index={i}\n predefined-value={JSON.stringify(data)}\n years-to-add-to-end-date={this.yearsToAddToEndDate}\n ></pn-multi-row-connected-dropdown-row>\n </div>\n );\n })}\n\n {this.allowMultipleRows ? (\n <div class=\"connected-dropdown__row\">\n <pn-button\n tooltip={this.addRowText ? this.addRowText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow();\n }}\n >\n {this.addRowText}\n </pn-button>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-multiple-input.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-fa51bde4.js';
 import { d as debounce } from './index-1093ae90.js';
 import { m as minus } from './minus-2b8ae0b8.js';
 import { p as plus } from './plus-7ee93ae7.js';
@@ -11,13 +11,15 @@ const PnMultipleInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.allFormValues = createEvent(this, "allFormValues", 7);
-        this.pnSlotElement = null;
-        this._formValues = [];
         this.label = null;
         this.placeholder = null;
         this.addRowButtonText = null;
         this.rowData = [];
     }
+    get hostElement() { return getElement(this); }
+    pnSlotElement = null;
+    _formValues = [];
+    allFormValues;
     componentWillLoad() {
         const elemtnId = this.generateUniqueId();
         const newRow = { id: elemtnId, input: '' };
@@ -63,7 +65,10 @@ const PnMultipleInput = class {
         if (index < 0) {
             return;
         }
-        this.rowData[index] = Object.assign(Object.assign({}, this.rowData[index]), { input: value });
+        this.rowData[index] = {
+            ...this.rowData[index],
+            input: value,
+        };
         this.emitValues();
     }
     emitValues() {
@@ -88,8 +93,7 @@ const PnMultipleInput = class {
         }
     }
     render() {
-        var _a;
-        return (h(Host, { key: '0e11604bc1d4a9be1ff05d2f926ca39c4e20c369' }, h("div", { key: '0b5c1a99dce6934bd54f73e5d60eddb579fa1cb4', ref: el => (this.pnSlotElement = el), class: "multiple-input-slot" }, (_a = this.rowData) === null || _a === void 0 ? void 0 : _a.map((data, i) => {
+        return (h(Host, { key: '0e11604bc1d4a9be1ff05d2f926ca39c4e20c369' }, h("div", { key: '0b5c1a99dce6934bd54f73e5d60eddb579fa1cb4', ref: el => (this.pnSlotElement = el), class: "multiple-input-slot" }, this.rowData?.map((data, i) => {
             return (h("div", { class: "multiple-input-generated-row" }, h("pn-marketweb-input", { label: this.label, type: "text", placeholder: this.placeholder, value: data.input, id: data.id }), i > 0 ? (h("pn-button", { arialabel: "Delete", icon: minus, appearance: "warning", onClick: () => {
                     this.deleteRow(i);
                 }, index: i, id: data.id }, "Delete")) : null));
@@ -97,7 +101,6 @@ const PnMultipleInput = class {
                 this.addRow();
             } }, this.addRowButtonText))));
     }
-    get hostElement() { return getElement(this); }
 };
 PnMultipleInput.style = PnMultipleInputStyle0;

package/esm/pn-multiple-input.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-multiple-input.entry.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,2WAA2W,CAAC;AACvY,8BAAe,kBAAkB;;MCSpB,eAAe;;;;~~QAE1B~~,~~kBAAa~~,GAAgB,IAAI,CAAC;~~QAQ1B~~,~~gBAAW~~,GAAgB,EAAE,CAAC;~~qBANd~~,~~IAAI;2BACE~~,~~IAAI~~;~~gCACC~~,~~IAAI;uBAEb,EAAE;;IAM5B,~~iBAAiB;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACzC,MAAM,MAAM,GAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAChD,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;KAC1C;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,kBAAkB;QAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,gBAAgB;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAEvE,IAAI,CAAC,OAAO,CAAC,OAAO;YAClB,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;SAC/E,CAAC,CAAC;KACJ;IAED,gBAAgB;QACd,OAAOA,EAAM,EAAE,CAAC;KACjB;IAED,SAAS,CAAC,aAAa;QACrB,IAAI,aAAa,GAAG,CAAC,EAAE;YACrB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,MAAM;QACJ,MAAM,MAAM,GAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC/D,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,WAAW,CAAC,CAAC;QACX,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;QACxB,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAEtD,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;QAErE,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,~~mCACd~~,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,~~KACtB,~~KAAK,EAAE,KAAK,~~GACb,~~CAAC;QAEF,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,UAAU;QACR,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QACrD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACvB,MAAM,QAAQ,GAAc,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,MAAM,aAAa,GAAa,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aAClC;YAED,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACjC;SACF,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACzD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC1C;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B;KACF;IAED,MAAM;;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,aAAa,GAAG,EAAiB,CAAC,EAAE,KAAK,EAAC,qBAAqB,IAClF,~~MAAA,~~IAAI,CAAC,OAAO,~~0CAAE~~,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;YACzB,QACE,WAAK,KAAK,EAAC,8BAA8B,IACvC,0BAAoB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,GAAuB,EACtI,CAAC,GAAG,CAAC,IACJ,iBACE,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,KAAK,EACX,UAAU,EAAC,SAAS,EACpB,OAAO,EAAE;oBACP,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;iBACnB,EACD,KAAK,EAAE,CAAC,EACR,EAAE,EAAE,IAAI,CAAC,EAAE,aAGD,IACV,IAAI,CACJ,EACN;SACH,CAAC,CACE,EACN,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,kEACE,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,eACnD,MAAM,EAChB,SAAS,EAAC,KAAK,EACf,IAAI,EAAE,IAAI,EACV,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,kCAAkC,EACxC,OAAO,EAAE;gBACP,IAAI,CAAC,MAAM,EAAE,CAAC;aACf,IAEA,IAAI,CAAC,gBAAgB,CACZ,CACR,CACD,EACP;KACH~~;;;;;;;~~","names":["uuidv4"],"sources":["src/components/input/pn-multiple-input/pn-multiple-input.scss?tag=pn-multiple-input","src/components/input/pn-multiple-input/pn-multiple-input.tsx"],"sourcesContent":["pn-multiple-input {\n .multiple-input-generated-row,\n .multiple-input-row {\n display: flex;\n gap: 1rem;\n\n pn-marketweb-input {\n width: 100%;\n }\n }\n\n .multiple-input-slot {\n display: flex;\n gap: 1rem;\n flex-direction: column;\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n","import { Component, Prop, h, Element, State, Host, Event, EventEmitter } from '@stencil/core';\nimport { FormValue, Row, RowValue } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { minus, plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-multiple-input',\n styleUrl: 'pn-multiple-input.scss',\n})\nexport class PnMultipleInput {\n @Element() hostElement: Element;\n pnSlotElement: HTMLElement = null;\n\n @Prop() label: string = null;\n @Prop() placeholder: string = null;\n @Prop() addRowButtonText: string = null;\n\n @State() rowData: Row[] = [];\n\n private _formValues: FormValue[] = [];\n\n @Event() allFormValues: EventEmitter<string>;\n\n componentWillLoad() {\n const elemtnId = this.generateUniqueId();\n const newRow: Row = { id: elemtnId, input: '' };\n this.rowData = [...this.rowData, newRow];\n }\n\n componentDidLoad() {\n this.addEventHandlers();\n }\n\n componentDidUpdate() {\n this.addEventHandlers();\n }\n\n addEventHandlers() {\n const rows = this.pnSlotElement.querySelectorAll('pn-marketweb-input');\n\n rows.forEach(element => {\n element.addEventListener('keyup', debounce(this.handleInput.bind(this), 500));\n });\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n deleteRow(indexToRemove) {\n if (indexToRemove < 0) {\n return;\n }\n\n this.rowData.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n this.emitValues();\n }\n\n addRow() {\n const newRow: Row = { id: this.generateUniqueId(), input: '' };\n this.rowData = [...this.rowData, newRow];\n this.emitValues();\n }\n\n handleInput(e) {\n const target = e.target;\n const inputElm = target.closest('pn-marketweb-input');\n\n if (!inputElm) {\n return;\n }\n\n const inputElmId = inputElm.id;\n const value = target.value;\n const index = this.rowData.findIndex(item => item.id === inputElmId);\n\n if (index < 0) {\n return;\n }\n\n this.rowData[index] = {\n ...this.rowData[index],\n input: value,\n };\n\n this.emitValues();\n }\n\n emitValues() {\n this._formValues = [];\n const label = this.label ? this.label : 'InputField';\n this.rowData.forEach(item => {\n const rowValue: FormValue = { row: [] };\n if (item.input) {\n const dropDownValue: RowValue = { name: label, value: item.input };\n rowValue.row.push(dropDownValue);\n }\n\n if (rowValue.row.length === 1) {\n this._formValues.push(rowValue);\n }\n });\n\n if (this._formValues.length === this.rowData.length) {\n const valueJsonString = JSON.stringify(this._formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n render() {\n return (\n <Host>\n <div ref={el => (this.pnSlotElement = el as HTMLElement)} class=\"multiple-input-slot\">\n {this.rowData?.map((data, i) => {\n return (\n <div class=\"multiple-input-generated-row\">\n <pn-marketweb-input label={this.label} type=\"text\" placeholder={this.placeholder} value={data.input} id={data.id}></pn-marketweb-input>\n {i > 0 ? (\n <pn-button\n arialabel=\"Delete\"\n icon={minus}\n appearance=\"warning\"\n onClick={() => {\n this.deleteRow(i);\n }}\n index={i}\n id={data.id}\n >\n Delete\n </pn-button>\n ) : null}\n </div>\n );\n })}\n </div>\n <dvi class=\"multiple-input-row\">\n <pn-button\n tooltip={this.addRowButtonText ? this.addRowButtonText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow();\n }}\n >\n {this.addRowButtonText}\n </pn-button>\n </dvi>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-multiple-input.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multiple-input/pn-multiple-input.scss?tag=pn-multiple-input","src/components/input/pn-multiple-input/pn-multiple-input.tsx"],"sourcesContent":["pn-multiple-input {\n .multiple-input-generated-row,\n .multiple-input-row {\n display: flex;\n gap: 1rem;\n\n pn-marketweb-input {\n width: 100%;\n }\n }\n\n .multiple-input-slot {\n display: flex;\n gap: 1rem;\n flex-direction: column;\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n","import { Component, Prop, h, Element, State, Host, Event, EventEmitter } from '@stencil/core';\nimport { FormValue, Row, RowValue } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { minus, plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-multiple-input',\n styleUrl: 'pn-multiple-input.scss',\n})\nexport class PnMultipleInput {\n @Element() hostElement: Element;\n pnSlotElement: HTMLElement = null;\n\n @Prop() label: string = null;\n @Prop() placeholder: string = null;\n @Prop() addRowButtonText: string = null;\n\n @State() rowData: Row[] = [];\n\n private _formValues: FormValue[] = [];\n\n @Event() allFormValues: EventEmitter<string>;\n\n componentWillLoad() {\n const elemtnId = this.generateUniqueId();\n const newRow: Row = { id: elemtnId, input: '' };\n this.rowData = [...this.rowData, newRow];\n }\n\n componentDidLoad() {\n this.addEventHandlers();\n }\n\n componentDidUpdate() {\n this.addEventHandlers();\n }\n\n addEventHandlers() {\n const rows = this.pnSlotElement.querySelectorAll('pn-marketweb-input');\n\n rows.forEach(element => {\n element.addEventListener('keyup', debounce(this.handleInput.bind(this), 500));\n });\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n deleteRow(indexToRemove) {\n if (indexToRemove < 0) {\n return;\n }\n\n this.rowData.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n this.emitValues();\n }\n\n addRow() {\n const newRow: Row = { id: this.generateUniqueId(), input: '' };\n this.rowData = [...this.rowData, newRow];\n this.emitValues();\n }\n\n handleInput(e) {\n const target = e.target;\n const inputElm = target.closest('pn-marketweb-input');\n\n if (!inputElm) {\n return;\n }\n\n const inputElmId = inputElm.id;\n const value = target.value;\n const index = this.rowData.findIndex(item => item.id === inputElmId);\n\n if (index < 0) {\n return;\n }\n\n this.rowData[index] = {\n ...this.rowData[index],\n input: value,\n };\n\n this.emitValues();\n }\n\n emitValues() {\n this._formValues = [];\n const label = this.label ? this.label : 'InputField';\n this.rowData.forEach(item => {\n const rowValue: FormValue = { row: [] };\n if (item.input) {\n const dropDownValue: RowValue = { name: label, value: item.input };\n rowValue.row.push(dropDownValue);\n }\n\n if (rowValue.row.length === 1) {\n this._formValues.push(rowValue);\n }\n });\n\n if (this._formValues.length === this.rowData.length) {\n const valueJsonString = JSON.stringify(this._formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n render() {\n return (\n <Host>\n <div ref={el => (this.pnSlotElement = el as HTMLElement)} class=\"multiple-input-slot\">\n {this.rowData?.map((data, i) => {\n return (\n <div class=\"multiple-input-generated-row\">\n <pn-marketweb-input label={this.label} type=\"text\" placeholder={this.placeholder} value={data.input} id={data.id}></pn-marketweb-input>\n {i > 0 ? (\n <pn-button\n arialabel=\"Delete\"\n icon={minus}\n appearance=\"warning\"\n onClick={() => {\n this.deleteRow(i);\n }}\n index={i}\n id={data.id}\n >\n Delete\n </pn-button>\n ) : null}\n </div>\n );\n })}\n </div>\n <dvi class=\"multiple-input-row\">\n <pn-button\n tooltip={this.addRowButtonText ? this.addRowButtonText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow();\n }}\n >\n {this.addRowButtonText}\n </pn-button>\n </dvi>\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-parcel-tracker.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-fa51bde4.js';
 import { s as search } from './search-36631e55.js';
 const pnParcelTrackerCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005d92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005d92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";
@@ -15,13 +15,13 @@ const PnSpotlight = class {
         this.inputName = 'shipmentID';
         this.currentWidth = window.innerWidth;
     }
+    get hostElement() { return getElement(this); }
     handleViewportSizeChange(event) {
         this.currentWidth = event.target.innerWidth;
     }
     render() {
         return (h(Host, { key: '1175ee79bdd43c697cff71530375a02bc7608382' }, h("div", { key: '7d5059b7384060cf1937c45341b01998ec1220d7', class: "pn-parcel-tracker__container" }, h("form", { key: '3a416b4c483e99a953c715e16f3f3ea83591570a', method: "GET", action: this.formActionUrl }, h("h3", { key: '832541b313250e8960f93298f5c6e90e5af405c8', class: "pn-parcel-tracker__container__heading" }, this.heading), h("pn-marketweb-input", { key: '73b2290a2ec9427faf6110ef97a2df0f5c7bd51f', name: this.inputName, placeholder: this.placeholder }), h("pn-button", { key: '1f99b01aba200dc0e863058d9df9ff3bd015f959', type: "submit", icon: search, tooltip: this.currentWidth < 412 ? this.buttonLabel : null }, this.currentWidth >= 412 && this.buttonLabel)))));
     }
-    get hostElement() { return getElement(this); }
 };
 PnSpotlight.style = PnParcelTrackerStyle0;

package/esm/pn-parcel-tracker.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-parcel-tracker.entry.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,q7CAAq7C,CAAC;AACj9C,8BAAe,kBAAkB;;MCMpB,WAAW;;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;IAGzC,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;KAC7C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,8BAA8B,IACvC,6DAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa,IAC3C,2DAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM,EACrE,2EAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,EAC3E,kEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,EACP;KACH~~;;;;;;;~~","names":[],"sources":["src/components/cta/pn-parcel-tracker/pn-parcel-tracker.scss?tag=pn-parcel-tracker","src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) {\n [slot='mobile-heading'] {\n color: $blue700;\n }\n}\n\n.pn-spotlight__container__wrapper:has(pn-parcel-tracker) {\n}\n\n.pn-spotlight__container__wrapper__content [slot='content']:has(pn-parcel-tracker) {\n padding-left: 2rem;\n}\n\npn-parcel-tracker {\n width: 100%;\n\n .pn-parcel-tracker__container {\n form {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 1.6rem;\n\n .pn-parcel-tracker__container__heading {\n color: $blue700;\n font-weight: 500;\n margin-bottom: 0;\n\n @media screen and (max-width: 768px) {\n display: none;\n }\n\n @media screen and (min-width: 1640px) {\n font-size: 2.4rem;\n font-weight: 700;\n }\n }\n\n pn-marketweb-input {\n flex-grow: 1;\n max-width: 80%;\n\n @media screen and (min-width: 576px) {\n }\n\n @media screen and (min-width: 768px) {\n max-width: 50%;\n }\n\n @media screen and (min-width: 992px) {\n max-width: 45%;\n }\n\n @media screen and (min-width: 1640px) {\n max-width: 35%;\n }\n\n input {\n border-radius: 6.4rem;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-parcel-tracker',\n styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() formActionUrl: string = null;\n @Prop() heading: string = 'Track your parcel';\n @Prop() buttonLabel: string = null;\n @Prop() locale: string = 'en';\n @Prop() placeholder: string = 'Enter shipment ID';\n @Prop() inputName: string = 'shipmentID';\n\n @State() currentWidth = window.innerWidth;\n\n @Listen('resize', { target: 'window' })\n handleViewportSizeChange(event: any) {\n this.currentWidth = event.target.innerWidth;\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-parcel-tracker__container\">\n <form method=\"GET\" action={this.formActionUrl}>\n <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n {this.currentWidth >= 412 && this.buttonLabel}\n </pn-button>\n </form>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-parcel-tracker.entry.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,q7CAAq7C,CAAC;AACj9C,8BAAe,kBAAkB;;MCMpB,WAAW;;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;;IAGzC,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;KAC7C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,8BAA8B,IACvC,6DAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa,IAC3C,2DAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM,EACrE,2EAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,EAC3E,kEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cta/pn-parcel-tracker/pn-parcel-tracker.scss?tag=pn-parcel-tracker","src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) {\n [slot='mobile-heading'] {\n color: $blue700;\n }\n}\n\n.pn-spotlight__container__wrapper:has(pn-parcel-tracker) {\n}\n\n.pn-spotlight__container__wrapper__content [slot='content']:has(pn-parcel-tracker) {\n padding-left: 2rem;\n}\n\npn-parcel-tracker {\n width: 100%;\n\n .pn-parcel-tracker__container {\n form {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 1.6rem;\n\n .pn-parcel-tracker__container__heading {\n color: $blue700;\n font-weight: 500;\n margin-bottom: 0;\n\n @media screen and (max-width: 768px) {\n display: none;\n }\n\n @media screen and (min-width: 1640px) {\n font-size: 2.4rem;\n font-weight: 700;\n }\n }\n\n pn-marketweb-input {\n flex-grow: 1;\n max-width: 80%;\n\n @media screen and (min-width: 576px) {\n }\n\n @media screen and (min-width: 768px) {\n max-width: 50%;\n }\n\n @media screen and (min-width: 992px) {\n max-width: 45%;\n }\n\n @media screen and (min-width: 1640px) {\n max-width: 35%;\n }\n\n input {\n border-radius: 6.4rem;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-parcel-tracker',\n styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n @Element() hostElement: HTMLElement;\n @Prop() formActionUrl: string = null;\n @Prop() heading: string = 'Track your parcel';\n @Prop() buttonLabel: string = null;\n @Prop() locale: string = 'en';\n @Prop() placeholder: string = 'Enter shipment ID';\n @Prop() inputName: string = 'shipmentID';\n\n @State() currentWidth = window.innerWidth;\n\n @Listen('resize', { target: 'window' })\n handleViewportSizeChange(event: any) {\n this.currentWidth = event.target.innerWidth;\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-parcel-tracker__container\">\n <form method=\"GET\" action={this.formActionUrl}>\n <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n {this.currentWidth >= 412 && this.buttonLabel}\n </pn-button>\n </form>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-pex-pricefinder.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-fa51bde4.js';
 const translations = {
     sv: {
@@ -42,6 +42,7 @@ const PnPexPricefinder = class {
         this.when = '';
         this.response = null;
     }
+    get hostElement() { return getElement(this); }
     componentWillLoad() {
         this.init();
     }
@@ -119,7 +120,6 @@ const PnPexPricefinder = class {
     render() {
         return (h(Host, { key: '742cd6396e2ad9b3e0e187cd119d5f4adec8dbf1' }, h("div", { key: 'f49ad71ba0aff4415620aa5bfed4609e052fb58c', class: "pex-pricefinder-top" }, h("pn-illustration", { key: '24080dabb15a48e0d68f5b6a6d85ec6c7cd09e49', illustration: PEX_truck }), h("h2", { key: '43ad48d518aedbf6741b07e57808e3dd58321d26' }, this.i18n.heading)), h("form", { key: '3407cc0e217d2fbfe63dce5603a3b43fa5a6056f', method: "get", action: "", class: "pex-pricefinder-form", onSubmit: this.onSubmit.bind(this) }, h("fieldset", { key: 'f6ae922213d0fb6c06ab91fe00b35b61b3881eac' }, h("div", { key: 'e6822da8aebfb2040413d43035be24e18e337ec8' }, h("pn-input", { key: 'b5108e58ea6ed0b45f6e1b64bf756d0abf26eae9', type: "number", label: this.i18n.labelFrom, inputid: "fromzip", name: "fromzip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.fromzip }), h("pn-input", { key: '83c0b8cbc2310f89dfbd2c7eedde4851d9a3b40d', type: "number", label: this.i18n.labelTo, inputid: "tozip", name: "tozip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.tozip }))), h("fieldset", { key: '1ce0961fc701b461a189002ba52b2f4a4877ad50' }, h("div", { key: '3415fffa5db6d7fa7217b99e7eda8f5b28bd15df' }, h("pn-input", { key: '33362d3cf3c4948fb983d1dde4024b7edf14777d', type: "number", label: this.i18n.labelWeight, inputid: "weight", name: "weight", placeholder: this.i18n.weightPlaceholder, required: true, value: this.weight }), h("div", { key: 'c4c9b1b172506c082bf98c521c68a2ed485662d3', class: "datepicker" }, h("label", { key: '0a76111d4d38e8e7dc68fae3be00a95ab4d14ff8', htmlFor: "when" }, this.i18n.labelWhen), h("pn-marketweb-input", { key: '01a84a228a366aa4a4a797ba5fe898c08f9b76fc', inputid: "when", name: "when", type: "datetime-local", min: new Date().toISOString().split('T')[0], value: this.when })))), h("fieldset", { key: 'a8ece788f3cec4d6dfc92b9587984160832eeca8' }, h("div", { key: 'fd00f98a9aa2a7c0686835d4dd2252220e602fd2' }, h("pn-button", { key: 'f9642c6347c3831772219440ea14d319898da3c3', type: "submit" }, this.i18n.submitButtonText)))), this.response ? (h("div", { class: "pex-pricefinder-response" }, h("strong", null, this.response.data.value, " ", this.currency))) : null));
     }
-    get hostElement() { return getElement(this); }
 };
 PnPexPricefinder.style = PnPexPricefinderStyle0;

package/esm/pn-pex-pricefinder.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-pex-pricefinder.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n sv: {\n heading: 'Prisindikation med PEX Bud',\n labelFrom: 'Från postkod',\n labelTo: 'Till postkod',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Vikt (i kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'När',\n submitButtonText: 'Beräkna pris',\n },\n en: {\n heading: 'Calculate price with PEX Bud',\n labelFrom: 'From zip',\n labelTo: 'To zip',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Weight (in kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'When',\n submitButtonText: 'Calculate price',\n },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n display: flex;\n align-items: center;\n pn-illustration {\n width: 5.5rem;\n height: 5.5rem;\n margin-right: 1.6rem;\n }\n}\n\n.pex-pricefinder-form {\n margin: 1.6rem 0 0 0;\n padding: 0;\n border: 0;\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n & + fieldset {\n margin-top: 1.6rem;\n }\n > div {\n display: flex;\n align-items: center;\n gap: 1em;\n > * {\n flex-grow: 1;\n width: 100%;\n }\n }\n }\n pn-button {\n align-self: end;\n margin-left: auto;\n }\n .datepicker {\n display: inline-flex;\n flex-direction: column;\n label {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n cursor: pointer;\n transition: color 0.2s;\n }\n pn-date-picker {\n width: 100%;\n }\n }\n}\n\n.pex-pricefinder-response {\n margin-top: 2.4rem;\n text-align: center;\n font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n tag: 'pn-pex-pricefinder',\n styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show component in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Currency (Kr, €)/\n @Prop() currency: string = 'Kr';\n /* API Url */\n @Prop() apiUrl: string = '/api/pex/order';\n\n @State() i18n: PexPriceFinderi18n = translations.sv;\n\n @State() fromzip: number = null;\n @State() tozip: number = null;\n @State() weight: number = 1;\n\n @State() when: string = '';\n\n @State() response: PexPriceFinderResponse = null;\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setInitialTime();\n this.checkParameters();\n this.setLanguage();\n }\n\n setInitialTime() {\n const initialTime = new Date();\n initialTime.setHours(initialTime.getHours() + 1);\n initialTime.setMinutes(0);\n const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n }\n\n checkParameters() {\n const params = new URLSearchParams(window.location.href);\n if (!params) {\n return;\n }\n const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n paramKeys.forEach(key => {\n if (params.get(key)) {\n this[key] = params.get(key);\n }\n });\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as PexPriceFinderi18n;\n }\n }\n\n onSubmit(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n const requestQuery = this.compileRequestQuery(formData);\n this.fetchResult(requestQuery);\n }\n\n compileRequestQuery(formData: FormData) {\n let query = {\n from: formData.get('fromzip'),\n to: formData.get('tozip'),\n weight: formData.get('weight'),\n when: formData.get('when'),\n };\n if (!query.when) {\n query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n }\n if (!formData.get('fromzip') \|\| !formData.get('tozip') \|\| !formData.get('weight')) {\n console.error('Form data is not compliant');\n return;\n }\n return query;\n }\n\n async fetchResult(query: any) {\n this.response = null;\n const params = new URLSearchParams(query);\n const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n },\n }).catch(this.onFetchError.bind(this));\n let response = await req.json().catch(this.onFetchError.bind(this));\n if (!response) {\n response = await (await import('./mockresponse.json')).default;\n }\n if (response) {\n this.response = response as PexPriceFinderResponse;\n }\n }\n\n onFetchError(error) {\n console.error('onFetchError(error', error);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pex-pricefinder-top\">\n <pn-illustration illustration={PEX_truck} />\n <h2>{this.i18n.heading}</h2>\n </div>\n <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n <fieldset>\n <div>\n <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-input\n type=\"number\"\n label={this.i18n.labelWeight}\n inputid=\"weight\"\n name=\"weight\"\n placeholder={this.i18n.weightPlaceholder}\n required\n value={this.weight}\n ></pn-input>\n <div class=\"datepicker\">\n <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n </div>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n </div>\n </fieldset>\n </form>\n {this.response ? (\n <div class=\"pex-pricefinder-response\">\n <strong>\n {this.response.data.value} {this.currency}\n </strong>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-pex-pricefinder.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n sv: {\n heading: 'Prisindikation med PEX Bud',\n labelFrom: 'Från postkod',\n labelTo: 'Till postkod',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Vikt (i kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'När',\n submitButtonText: 'Beräkna pris',\n },\n en: {\n heading: 'Calculate price with PEX Bud',\n labelFrom: 'From zip',\n labelTo: 'To zip',\n zipPlaceholder: 'Ex. 12831',\n labelWeight: 'Weight (in kilo)',\n weightPlaceholder: 'Ex. 1000',\n labelWhen: 'When',\n submitButtonText: 'Calculate price',\n },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n display: flex;\n align-items: center;\n pn-illustration {\n width: 5.5rem;\n height: 5.5rem;\n margin-right: 1.6rem;\n }\n}\n\n.pex-pricefinder-form {\n margin: 1.6rem 0 0 0;\n padding: 0;\n border: 0;\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n & + fieldset {\n margin-top: 1.6rem;\n }\n > div {\n display: flex;\n align-items: center;\n gap: 1em;\n > * {\n flex-grow: 1;\n width: 100%;\n }\n }\n }\n pn-button {\n align-self: end;\n margin-left: auto;\n }\n .datepicker {\n display: inline-flex;\n flex-direction: column;\n label {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n cursor: pointer;\n transition: color 0.2s;\n }\n pn-date-picker {\n width: 100%;\n }\n }\n}\n\n.pex-pricefinder-response {\n margin-top: 2.4rem;\n text-align: center;\n font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n tag: 'pn-pex-pricefinder',\n styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show component in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Currency (Kr, €)/\n @Prop() currency: string = 'Kr';\n /* API Url */\n @Prop() apiUrl: string = '/api/pex/order';\n\n @State() i18n: PexPriceFinderi18n = translations.sv;\n\n @State() fromzip: number = null;\n @State() tozip: number = null;\n @State() weight: number = 1;\n\n @State() when: string = '';\n\n @State() response: PexPriceFinderResponse = null;\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setInitialTime();\n this.checkParameters();\n this.setLanguage();\n }\n\n setInitialTime() {\n const initialTime = new Date();\n initialTime.setHours(initialTime.getHours() + 1);\n initialTime.setMinutes(0);\n const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n }\n\n checkParameters() {\n const params = new URLSearchParams(window.location.href);\n if (!params) {\n return;\n }\n const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n paramKeys.forEach(key => {\n if (params.get(key)) {\n this[key] = params.get(key);\n }\n });\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as PexPriceFinderi18n;\n }\n }\n\n onSubmit(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n const requestQuery = this.compileRequestQuery(formData);\n this.fetchResult(requestQuery);\n }\n\n compileRequestQuery(formData: FormData) {\n let query = {\n from: formData.get('fromzip'),\n to: formData.get('tozip'),\n weight: formData.get('weight'),\n when: formData.get('when'),\n };\n if (!query.when) {\n query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n }\n if (!formData.get('fromzip') \|\| !formData.get('tozip') \|\| !formData.get('weight')) {\n console.error('Form data is not compliant');\n return;\n }\n return query;\n }\n\n async fetchResult(query: any) {\n this.response = null;\n const params = new URLSearchParams(query);\n const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n },\n }).catch(this.onFetchError.bind(this));\n let response = await req.json().catch(this.onFetchError.bind(this));\n if (!response) {\n response = await (await import('./mockresponse.json')).default;\n }\n if (response) {\n this.response = response as PexPriceFinderResponse;\n }\n }\n\n onFetchError(error) {\n console.error('onFetchError(error', error);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pex-pricefinder-top\">\n <pn-illustration illustration={PEX_truck} />\n <h2>{this.i18n.heading}</h2>\n </div>\n <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n <fieldset>\n <div>\n <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-input\n type=\"number\"\n label={this.i18n.labelWeight}\n inputid=\"weight\"\n name=\"weight\"\n placeholder={this.i18n.weightPlaceholder}\n required\n value={this.weight}\n ></pn-input>\n <div class=\"datepicker\">\n <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n </div>\n </div>\n </fieldset>\n <fieldset>\n <div>\n <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n </div>\n </fieldset>\n </form>\n {this.response ? (\n <div class=\"pex-pricefinder-response\">\n <strong>\n {this.response.data.value} {this.currency}\n </strong>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-play-on-scroll.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-fa51bde4.js';
 import { v as v4 } from './v4-964634d6.js';
 const pnPlayOnScrollCss = "pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";
@@ -27,22 +27,6 @@ const onNotIntersecting = (video, togglePaused) => {
 const PnPlayOnScroll = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.testAdditionalParamIntoCallback = true;
-        this.handlePlayPauseClicked = () => {
-            if (this.video.paused || this.video.ended) {
-                this.video.play();
-                this.isManuallyPaused = false;
-                this.isPaused = false;
-            }
-            else {
-                this.video.pause();
-                this.isManuallyPaused = true;
-                this.isPaused = true;
-            }
-        };
-        this.togglePaused = (paused) => {
-            this.isPaused = paused;
-        };
         this.videoSrc = '';
         this.observerOptions = defaultObserverOptions;
         this.showOverlay = false;
@@ -50,6 +34,10 @@ const PnPlayOnScroll = class {
         this.isManuallyPaused = false;
         this.isPaused = false;
     }
+    get hostElement() { return getElement(this); }
+    localObserverOptions;
+    testAdditionalParamIntoCallback = true;
+    video;
     generateUniqueId() {
         return v4();
     }
@@ -61,10 +49,24 @@ const PnPlayOnScroll = class {
         this.video.addEventListener('click', this.handlePlayPauseClicked);
         this.localObserverOptions = this.observerOptions;
     }
+    handlePlayPauseClicked = () => {
+        if (this.video.paused || this.video.ended) {
+            this.video.play();
+            this.isManuallyPaused = false;
+            this.isPaused = false;
+        }
+        else {
+            this.video.pause();
+            this.isManuallyPaused = true;
+            this.isPaused = true;
+        }
+    };
+    togglePaused = (paused) => {
+        this.isPaused = paused;
+    };
     render() {
         return (h(Host, { key: 'b76be7833abdd0c16b2b865e343a764fb5762466' }, h("pn-scroll", { key: 'c3dbb68e12611706fb4a3cbbbad84287ac3c2e73', intersectFunc: () => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused), notIntersectFunc: () => onNotIntersecting(this.video, this.togglePaused), shouldLoop: true, behaviourClasses: 'some-behaviour-class', observerOptions: this.localObserverOptions }, h("div", { key: '461df9fcf966d409345e945117418eb35d58f540', slot: "scroll-affected" }, h("video", { key: '1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0', playsinline: true, muted: true, autoPlay: true, id: `${this.videoId}` }, h("source", { key: '8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8', src: this.videoSrc, type: "video/mp4" })), h("pn-video-overlay", { key: '21a69fa7ed440704f2e9aa5017f4616322fe9a4b', showOverlay: this.showOverlay, isPaused: this.isManuallyPaused || this.isPaused, onPlayPauseClicked: this.handlePlayPauseClicked })))));
     }
-    get hostElement() { return getElement(this); }
 };
 PnPlayOnScroll.style = PnPlayOnScrollStyle0;

package/esm/pn-play-on-scroll.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-play-on-scroll.entry.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,sOAAsO,CAAC;AACjQ,6BAAe,iBAAiB;;ACGhC;;;AAIA,MAAM,sBAAsB,GAA6B;IACvD,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,iBAAiB;CAC9B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,cAAuB,EAAE,YAAoC;;IAE5G,IAAI,CAAC,cAAc,EAAE;QACnB,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,YAAoC;;IAEtF,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IACvB,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC;MAMW,cAAc;;;~~QAUzB~~,~~oCAA+B~~,~~GAAY~~,~~IAAI~~,~~CAAC~~;~~QAiBhD~~,~~2BAAsB~~,~~GAAG~~;~~YACvB~~,~~IAAI~~,IAAI,CAAC,KAAK,~~CAAC~~,~~MAAM~~,~~IAAI~~,~~IAAI~~,~~CAAC~~,~~KAAK,~~CAAC,~~KAAK,EAAE~~;~~gBACzC~~,IAAI,CAAC,~~KAAK~~,~~CAAC~~,IAAI,EAAE,CAAC;~~gBAClB~~,IAAI,CAAC,~~gBAAgB~~,GAAG,~~KAAK~~,CAAC~~;gBAC9B~~,IAAI,CAAC,~~QAAQ~~,~~GAAG~~,~~KAAK,~~CAAC;~~aACvB;iBAAM;gBACL~~,IAAI,CAAC,KAAK,CAAC,~~KAAK~~,EAAE,~~CAAC;gBACnB,~~IAAI,CAAC,~~gBAAgB~~,~~GAAG~~,~~IAAI,~~CAAC;~~gBAC7B~~,IAAI,CAAC,~~QAAQ~~,GAAG,IAAI,CAAC~~;aACtB;SACF~~,CAAC;~~QAEF~~,~~iBAAY~~,GAAG~~,CAAC,MAAe~~;~~YAC7B~~,IAAI,CAAC,~~QAAQ~~,~~GAAG~~,MAAM,~~CAAC;SACxB~~,CAAC~~;wBAvCyB~~,~~EAAE;+BACuB~~,~~sBAAsB;2BAC3C~~,KAAK~~;uBACT~~,EAAE;~~gCACQ~~,~~KAAK;wBACb~~,KAAK~~;;IAMlC~~,~~gBAAgB;QACd~~,~~OAAOA~~,~~EAAM,~~EAAE,CAAC;~~KACjB;IAED~~,~~iBAAiB;QACf,~~IAAI,CAAC,~~OAAO~~,GAAG,IAAI,CAAC,~~gBAAgB~~,~~EAAE~~,CAAC;~~KACxC~~;~~IAED,gBAAgB~~;~~QACd~~,IAAI,CAAC,KAAK,~~GAAG~~,~~QAAQ~~,~~CAAC~~,~~cAAc,~~CAAC,IAAI,CAAC,~~OAAO~~,~~CAAqB~~,CAAC;~~QACvE~~,IAAI,CAAC,~~KAAK~~,~~CAAC~~,~~gBAAgB~~,CAAC,~~OAAO~~,~~EAAE~~,~~IAAI~~,CAAC,~~sBAAsB,CAAC,CAAC~~;~~QAClE~~,IAAI,CAAC,~~oBAAoB~~,GAAG,~~IAAI~~,CAAC,~~eAAe,~~CAAC;~~KAClD;IAkBD~~,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,aAAa,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,EACzF,gBAAgB,EAAE,MAAM,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,EACxE,UAAU,EAAE,IAAI,EAChB,gBAAgB,EAAE,sBAAsB,EACxC,eAAe,EAAE,IAAI,CAAC,oBAAoB,IAE1C,4DAAK,IAAI,EAAC,iBAAiB,IACzB,8DAAO,WAAW,QAAC,KAAK,QAAC,QAAQ,QAAC,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,IACrD,+DAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,CACzC,EACR,yEAAkB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,IAAI,CAAC,sBAAsB,GAAqB,CACnK,CACI,CACP,EACP;KACH~~;;;;;;;~~","names":["uuidv4"],"sources":["src/components/animation/pn-play-on-scroll/pn-play-on-scroll.scss?tag=pn-play-on-scroll","src/components/animation/pn-play-on-scroll/pn-play-on-scroll.tsx"],"sourcesContent":["pn-play-on-scroll {\n pn-scroll {\n [slot='scroll-affected'] {\n position: relative;\n display: flex;\n\n video {\n width: 100%;\n\n &:hover {\n cursor: pointer;\n }\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/\n play content when scoll observer sees content as inview\n/\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 1,\n rootMargin: '0px 0px 0px 0px',\n};\n\nconst onIntersecting = (video: HTMLVideoElement, isManualPaused: boolean, togglePaused: (arg: boolean) => void) => {\n //what to do when intersecting, eg video.play()\n if (!isManualPaused) {\n video && video.play();\n togglePaused(false);\n }\n};\n\nconst onNotIntersecting = (video: HTMLVideoElement, togglePaused: (arg: boolean) => void) => {\n //what to do when not intersecting, eg video.pause()\n video && video.pause();\n togglePaused(true);\n};\n\n@Component({\n tag: 'pn-play-on-scroll',\n styleUrl: 'pn-play-on-scroll.scss',\n})\nexport class PnPlayOnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() videoSrc: string = '';\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() showOverlay: boolean = false;\n @State() videoId: string = '';\n @State() isManuallyPaused: boolean = false;\n @State() isPaused: boolean = false;\n localObserverOptions: IntersectionObserverInit;\n\n testAdditionalParamIntoCallback: boolean = true;\n video: HTMLVideoElement;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.videoId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n this.video = document.getElementById(this.videoId) as HTMLVideoElement;\n this.video.addEventListener('click', this.handlePlayPauseClicked);\n this.localObserverOptions = this.observerOptions;\n }\n\n handlePlayPauseClicked = () => {\n if (this.video.paused \|\| this.video.ended) {\n this.video.play();\n this.isManuallyPaused = false;\n this.isPaused = false;\n } else {\n this.video.pause();\n this.isManuallyPaused = true;\n this.isPaused = true;\n }\n };\n\n togglePaused = (paused: boolean) => {\n this.isPaused = paused;\n };\n\n render() {\n return (\n <Host>\n <pn-scroll\n intersectFunc={() => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused)}\n notIntersectFunc={() => onNotIntersecting(this.video, this.togglePaused)}\n shouldLoop={true}\n behaviourClasses={'some-behaviour-class'}\n observerOptions={this.localObserverOptions}\n >\n <div slot=\"scroll-affected\">\n <video playsinline muted autoPlay id={`${this.videoId}`}>\n <source src={this.videoSrc} type=\"video/mp4\" />\n </video>\n <pn-video-overlay showOverlay={this.showOverlay} isPaused={this.isManuallyPaused \|\| this.isPaused} onPlayPauseClicked={this.handlePlayPauseClicked}></pn-video-overlay>\n </div>\n </pn-scroll>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-play-on-scroll.entry.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,sOAAsO,CAAC;AACjQ,6BAAe,iBAAiB;;ACGhC;;;AAIA,MAAM,sBAAsB,GAA6B;IACvD,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,iBAAiB;CAC9B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,cAAuB,EAAE,YAAoC;;IAE5G,IAAI,CAAC,cAAc,EAAE;QACnB,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,YAAoC;;IAEtF,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IACvB,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC;MAMW,cAAc;;;wBAEE,EAAE;+BACuB,sBAAsB;2BAC3C,KAAK;uBACT,EAAE;gCACQ,KAAK;wBACb,KAAK;;;IAClC,oBAAoB,CAA2B;IAE/C,+BAA+B,GAAY,IAAI,CAAC;IAChD,KAAK,CAAmB;IAExB,gBAAgB;QACd,OAAOA,EAAM,EAAE,CAAC;KACjB;IAED,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACxC;IAED,gBAAgB;QACd,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAqB,CAAC;QACvE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAClE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC;KAClD;IAED,sBAAsB,GAAG;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB;aAAM;YACL,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;KACF,CAAC;IAEF,YAAY,GAAG,CAAC,MAAe;QAC7B,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;KACxB,CAAC;IAEF,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,aAAa,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,EACzF,gBAAgB,EAAE,MAAM,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,EACxE,UAAU,EAAE,IAAI,EAChB,gBAAgB,EAAE,sBAAsB,EACxC,eAAe,EAAE,IAAI,CAAC,oBAAoB,IAE1C,4DAAK,IAAI,EAAC,iBAAiB,IACzB,8DAAO,WAAW,QAAC,KAAK,QAAC,QAAQ,QAAC,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,IACrD,+DAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,CACzC,EACR,yEAAkB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,IAAI,CAAC,sBAAsB,GAAqB,CACnK,CACI,CACP,EACP;KACH;;;;;;","names":["uuidv4"],"sources":["src/components/animation/pn-play-on-scroll/pn-play-on-scroll.scss?tag=pn-play-on-scroll","src/components/animation/pn-play-on-scroll/pn-play-on-scroll.tsx"],"sourcesContent":["pn-play-on-scroll {\n pn-scroll {\n [slot='scroll-affected'] {\n position: relative;\n display: flex;\n\n video {\n width: 100%;\n\n &:hover {\n cursor: pointer;\n }\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/\n play content when scoll observer sees content as inview\n/\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 1,\n rootMargin: '0px 0px 0px 0px',\n};\n\nconst onIntersecting = (video: HTMLVideoElement, isManualPaused: boolean, togglePaused: (arg: boolean) => void) => {\n //what to do when intersecting, eg video.play()\n if (!isManualPaused) {\n video && video.play();\n togglePaused(false);\n }\n};\n\nconst onNotIntersecting = (video: HTMLVideoElement, togglePaused: (arg: boolean) => void) => {\n //what to do when not intersecting, eg video.pause()\n video && video.pause();\n togglePaused(true);\n};\n\n@Component({\n tag: 'pn-play-on-scroll',\n styleUrl: 'pn-play-on-scroll.scss',\n})\nexport class PnPlayOnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() videoSrc: string = '';\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() showOverlay: boolean = false;\n @State() videoId: string = '';\n @State() isManuallyPaused: boolean = false;\n @State() isPaused: boolean = false;\n localObserverOptions: IntersectionObserverInit;\n\n testAdditionalParamIntoCallback: boolean = true;\n video: HTMLVideoElement;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.videoId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n this.video = document.getElementById(this.videoId) as HTMLVideoElement;\n this.video.addEventListener('click', this.handlePlayPauseClicked);\n this.localObserverOptions = this.observerOptions;\n }\n\n handlePlayPauseClicked = () => {\n if (this.video.paused \|\| this.video.ended) {\n this.video.play();\n this.isManuallyPaused = false;\n this.isPaused = false;\n } else {\n this.video.pause();\n this.isManuallyPaused = true;\n this.isPaused = true;\n }\n };\n\n togglePaused = (paused: boolean) => {\n this.isPaused = paused;\n };\n\n render() {\n return (\n <Host>\n <pn-scroll\n intersectFunc={() => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused)}\n notIntersectFunc={() => onNotIntersecting(this.video, this.togglePaused)}\n shouldLoop={true}\n behaviourClasses={'some-behaviour-class'}\n observerOptions={this.localObserverOptions}\n >\n <div slot=\"scroll-affected\">\n <video playsinline muted autoPlay id={`${this.videoId}`}>\n <source src={this.videoSrc} type=\"video/mp4\" />\n </video>\n <pn-video-overlay showOverlay={this.showOverlay} isPaused={this.isManuallyPaused \|\| this.isPaused} onPlayPauseClicked={this.handlePlayPauseClicked}></pn-video-overlay>\n </div>\n </pn-scroll>\n </Host>\n );\n }\n}\n"],"version":3}

package/esm/pn-product-pricelist.entry.js CHANGED Viewed

@@ -126,8 +126,7 @@ const PnFindProductPricelist = class {
         }
     }
     filterItems() {
-        var _a;
-        if (!((_a = this.sourceData) === null || _a === void 0 ? void 0 : _a.data)) {
+        if (!this.sourceData?.data) {
             console.info('Data has not yet been loaded');
             return;
         }
@@ -187,7 +186,7 @@ const PnFindProductPricelist = class {
             if (weights[this.postagetype.value].length > 6) {
                 labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';
             }
-            return h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {})));
+            return h("option", { value: weightindex, ...(labelText ? { label: labelText } : {}) });
         })))))) : null, h("div", { key: '127647cb62f60930cce591e009f1c19132857407', class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))));
     }
     static get watchers() { return {