@oslokommune/punkt-elements 20.1.0 → 20.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -5,6 +5,14 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
5
5
 
6
6
  ---
7
7
 
8
+ ## [20.1.2](https://github.com/oslokommune/punkt/compare/20.1.1...20.1.2) (2026-11-11)
9
+
10
+ ### Bug Fixes
11
+ * Combobox mangler videresending av strings til listbox (#3823).
12
+
13
+ ---
14
+
15
+
8
16
  ## [20.1.0](https://github.com/oslokommune/punkt/compare/20.0.5...20.1.0) (2026-11-09)
9
17
 
10
18
  ### Features
@@ -569,6 +569,7 @@ var M = class extends j {
569
569
 
570
570
  <pkt-listbox
571
571
  id="${this.id}-listbox"
572
+ .strings=${this.strings}
572
573
  .options=${this._options}
573
574
  .isOpen=${this._isOptionsOpen}
574
575
  .searchPlaceholder=${this.searchPlaceholder}
@@ -57,6 +57,7 @@ const e=require("./element-CEarCnHH.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs")
57
57
 
58
58
  <pkt-listbox
59
59
  id="${this.id}-listbox"
60
+ .strings=${this.strings}
60
61
  .options=${this._options}
61
62
  .isOpen=${this._isOptionsOpen}
62
63
  .searchPlaceholder=${this.searchPlaceholder}
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-DuXavWEY.cjs");exports.PktCombobox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-otZu39eS.cjs");exports.PktCombobox=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktCombobox, t as default } from "./combobox-CDJcIkNJ.js";
1
+ export { n as PktCombobox, t as default } from "./combobox-CLVwmqkY.js";
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-0a5lX0pL.cjs"),t=require("./accordion-CSSp30G1.cjs"),n=require("./backlink-BAvqdPlG.cjs"),r=require("./breadcrumbs-zfUto2U5.cjs"),i=require("./button-DHVRpzpS.cjs"),a=require("./calendar-xYEsKilS.cjs"),o=require("./card-XznwedEG.cjs"),s=require("./combobox-DuXavWEY.cjs"),c=require("./consent-BOSXNt4Y.cjs"),l=require("./checkbox-Cg7wnn8U.cjs"),u=require("./checkbox-group-BF29zyLd.cjs"),d=require("./fileupload-Cjde62AR.cjs"),f=require("./datepicker-Cnrbqm62.cjs"),p=require("./footer-NQaQc2DH.cjs"),m=require("./header-YbbGgmsD.cjs"),h=require("./header-menu-BJMMwrCR.cjs"),g=require("./helptext-CQaNvbiv.cjs"),_=require("./heading-BNlor2MU.cjs"),v=require("./icon-5A378_yh.cjs"),y=require("./input-wrapper-CbYMk21W.cjs"),b=require("./link-lPrxhYq0.cjs"),x=require("./linkcard-Bih7HS2t.cjs"),S=require("./loader-DiQSwWpb.cjs"),C=require("./messagebox-BiG-fJX9.cjs"),w=require("./modal-B3rnE83a.cjs"),T=require("./progressbar-Wyq_Q1Ur.cjs"),E=require("./radiobutton-86ZvvDmJ.cjs"),D=require("./radio-group-u1IH7g-4.cjs"),O=require("./tag-BAikRN2Y.cjs"),k=require("./tabs-n7hQWwyI.cjs"),A=require("./textarea-CRcSfWgX.cjs"),j=require("./textinput-Dooq2n8W.cjs"),M=require("./select-C7kAlSxs.cjs"),N=require("./searchinput-D5l64Mkb.cjs"),P=require("./timepicker-BM4I5w-i.cjs"),F=require("./element-CEarCnHH.cjs");exports.PktAccordion=t.r,exports.PktAccordionItem=t.n,exports.PktAlert=e.n,exports.PktBackLink=n.n,exports.PktBreadcrumbs=r.t,exports.PktButton=i.n,exports.PktCalendar=a.n,exports.PktCard=o.n,exports.PktCheckbox=l.n,exports.PktCheckboxGroup=u.n,exports.PktCombobox=s.n,exports.PktConsent=c.n,exports.PktDateTags=f.a,exports.PktDatepicker=f.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return d.n}}),exports.PktFooter=p.n,exports.PktFooterSimple=p.t,exports.PktHeader=m.t,exports.PktHeaderGlobal=m.n,exports.PktHeaderMenu=h.n,exports.PktHeaderService=m.r,exports.PktHeaderUserMenu=m.i,exports.PktHeading=_.n,exports.PktHelptext=g.n,exports.PktIcon=v.n,exports.PktInputWrapper=y.n,exports.PktLink=b.n,exports.PktLinkCard=x.n,exports.PktLoader=S.n,exports.PktMessagebox=C.n,exports.PktModal=w.n,exports.PktProgressbar=T.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktRadioGroup=D.n,exports.PktSearchInput=N.n,exports.PktSelect=M.n,exports.PktTabItem=k.n,exports.PktTabs=k.r,exports.PktTag=O.n,exports.PktTextarea=A.n,exports.PktTextinput=j.n,exports.PktTimepicker=P.t,exports.getPktStrings=F.r,exports.pktStringsNb=F.s,exports.resetPktStrings=F.i,exports.setPktStrings=F.a,exports.subscribePktStrings=F.o;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-0a5lX0pL.cjs"),t=require("./accordion-CSSp30G1.cjs"),n=require("./backlink-BAvqdPlG.cjs"),r=require("./breadcrumbs-zfUto2U5.cjs"),i=require("./button-DHVRpzpS.cjs"),a=require("./calendar-xYEsKilS.cjs"),o=require("./card-XznwedEG.cjs"),s=require("./combobox-otZu39eS.cjs"),c=require("./consent-BOSXNt4Y.cjs"),l=require("./checkbox-Cg7wnn8U.cjs"),u=require("./checkbox-group-BF29zyLd.cjs"),d=require("./fileupload-Cjde62AR.cjs"),f=require("./datepicker-Cnrbqm62.cjs"),p=require("./footer-NQaQc2DH.cjs"),m=require("./header-YbbGgmsD.cjs"),h=require("./header-menu-BJMMwrCR.cjs"),g=require("./helptext-CQaNvbiv.cjs"),_=require("./heading-BNlor2MU.cjs"),v=require("./icon-5A378_yh.cjs"),y=require("./input-wrapper-CbYMk21W.cjs"),b=require("./link-lPrxhYq0.cjs"),x=require("./linkcard-Bih7HS2t.cjs"),S=require("./loader-DiQSwWpb.cjs"),C=require("./messagebox-BiG-fJX9.cjs"),w=require("./modal-B3rnE83a.cjs"),T=require("./progressbar-Wyq_Q1Ur.cjs"),E=require("./radiobutton-86ZvvDmJ.cjs"),D=require("./radio-group-u1IH7g-4.cjs"),O=require("./tag-BAikRN2Y.cjs"),k=require("./tabs-n7hQWwyI.cjs"),A=require("./textarea-CRcSfWgX.cjs"),j=require("./textinput-Dooq2n8W.cjs"),M=require("./select-C7kAlSxs.cjs"),N=require("./searchinput-D5l64Mkb.cjs"),P=require("./timepicker-BM4I5w-i.cjs"),F=require("./element-CEarCnHH.cjs");exports.PktAccordion=t.r,exports.PktAccordionItem=t.n,exports.PktAlert=e.n,exports.PktBackLink=n.n,exports.PktBreadcrumbs=r.t,exports.PktButton=i.n,exports.PktCalendar=a.n,exports.PktCard=o.n,exports.PktCheckbox=l.n,exports.PktCheckboxGroup=u.n,exports.PktCombobox=s.n,exports.PktConsent=c.n,exports.PktDateTags=f.a,exports.PktDatepicker=f.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return d.n}}),exports.PktFooter=p.n,exports.PktFooterSimple=p.t,exports.PktHeader=m.t,exports.PktHeaderGlobal=m.n,exports.PktHeaderMenu=h.n,exports.PktHeaderService=m.r,exports.PktHeaderUserMenu=m.i,exports.PktHeading=_.n,exports.PktHelptext=g.n,exports.PktIcon=v.n,exports.PktInputWrapper=y.n,exports.PktLink=b.n,exports.PktLinkCard=x.n,exports.PktLoader=S.n,exports.PktMessagebox=C.n,exports.PktModal=w.n,exports.PktProgressbar=T.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktRadioGroup=D.n,exports.PktSearchInput=N.n,exports.PktSelect=M.n,exports.PktTabItem=k.n,exports.PktTabs=k.r,exports.PktTag=O.n,exports.PktTextarea=A.n,exports.PktTextinput=j.n,exports.PktTimepicker=P.t,exports.getPktStrings=F.r,exports.pktStringsNb=F.s,exports.resetPktStrings=F.i,exports.setPktStrings=F.a,exports.subscribePktStrings=F.o;
package/dist/pkt-index.js CHANGED
@@ -5,7 +5,7 @@ import { t as i } from "./breadcrumbs-DtEt1-wn.js";
5
5
  import { n as a } from "./button-CJzu0l5A.js";
6
6
  import { n as o } from "./calendar-CkAAgviq.js";
7
7
  import { n as s } from "./card-CsEfBJcP.js";
8
- import { n as c } from "./combobox-CDJcIkNJ.js";
8
+ import { n as c } from "./combobox-CLVwmqkY.js";
9
9
  import { n as l } from "./consent-DwppvYBR.js";
10
10
  import { n as u } from "./checkbox-XvlUQmg5.js";
11
11
  import { n as d } from "./checkbox-group-CRIV5CX0.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-elements",
3
- "version": "20.1.0",
3
+ "version": "20.1.2",
4
4
  "description": "Komponentbiblioteket til Punkt, designsystem for Oslo kommune",
5
5
  "homepage": "https://punkt.oslo.kommune.no",
6
6
  "author": "Team Designsystem, Oslo kommune",
@@ -78,5 +78,5 @@
78
78
  "engines": {
79
79
  "node": "^22.19.0 || ^24.0.0 || ^26.0.0"
80
80
  },
81
- "gitHead": "325fe848095a16e10dcc919ca113f003f44e3e30"
81
+ "gitHead": "04754b85d6b799e495bec6557b39eb749ceada7e"
82
82
  }
@@ -538,6 +538,29 @@ describe('PktCombobox', () => {
538
538
  expect(addBanner).toBeInTheDocument()
539
539
  })
540
540
 
541
+ test('forwards listbox strings to the add-value banner', async () => {
542
+ const container = await createCombobox(
543
+ `id="test" name="test" label="Test" allow-user-input strings='{"listbox":{"addValue":"Create {value}"}}'`,
544
+ )
545
+ const combobox = container.querySelector('pkt-combobox') as PktCombobox
546
+ combobox.options = [...defaultOptions]
547
+ await combobox.updateComplete
548
+
549
+ const input = combobox.querySelector('input[type="text"]') as HTMLInputElement
550
+ fireEvent.focus(input)
551
+ await combobox.updateComplete
552
+
553
+ input.value = 'NewFruit'
554
+ fireEvent.input(input, { target: { value: 'NewFruit' } })
555
+ await combobox.updateComplete
556
+
557
+ const listbox = combobox.querySelector('pkt-listbox') as any
558
+ await listbox?.updateComplete
559
+
560
+ const addBanner = combobox.querySelector('.pkt-listbox__banner--new-option')
561
+ expect(addBanner).toHaveTextContent('Create NewFruit')
562
+ })
563
+
541
564
  test('dispatches search event on internal search state change', async () => {
542
565
  const container = await createCombobox('id="test" name="test" label="Test" include-search')
543
566
  const combobox = container.querySelector('pkt-combobox') as PktCombobox
@@ -425,6 +425,7 @@ export class PktCombobox extends ComboboxHandlers implements IPktCombobox {
425
425
 
426
426
  <pkt-listbox
427
427
  id="${this.id}-listbox"
428
+ .strings=${this.strings}
428
429
  .options=${this._options}
429
430
  .isOpen=${this._isOptionsOpen}
430
431
  .searchPlaceholder=${this.searchPlaceholder}