@dso-toolkit/core 67.2.0 → 67.3.1

package/dist/dso-toolkit/{p-d88ebb12.entry.js.map → p-c67a3896.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["infoCss","DsoInfoStyle0","Info","render","h","Fragment","key","this","fixed","type","onClick","e","dsoClose","emit","icon","class","selectableCss","DsoSelectableStyle0","Selectable","fallbackIdentifier","createIdentifier","handleOnChange","target","dsoChange","originalEvent","checked","HTMLInputElement","forceUpdate","host","toggleInfo","active","infoActive","componentDidLoad","_a","mutationObserver","disconnect","MutationObserver","observe","childList","setIndeterminate","disconnectedCallback","input","indeterminate","hasInfo","querySelector","clsx","keyboardFocus","id","getIdentifier","value","name","invalid","toString","infoFixed","describedById","undefined","labelledById","disabled","required","onChange","onBlur","onKeyUp","ref","el","htmlFor","onDsoToggle","detail","onDsoClose","componentDidRender","identifier"],"sources":["src/components/info/info.scss?tag=dso-info&encapsulation=shadow","src/components/info/info.tsx","src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/info\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  @include info.root();\r\n}\r\n\r\n:host(:not([active], [fixed])),\r\n:host([active=\"false\"]:not([fixed])),\r\n:host([active=\"false\"][fixed=\"false\"]) {\r\n  display: none;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n","import { h, Component, Event, Prop, EventEmitter, Fragment } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-info\",\r\n  styleUrl: \"./info.scss\",\r\n  shadow: true,\r\n})\r\nexport class Info {\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fixed?: boolean;\r\n\r\n  /**\r\n   * Whether the Info is active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the close button.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<MouseEvent>;\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <slot></slot>\r\n        {!this.fixed && (\r\n          <button type=\"button\" onClick={(e) => this.dsoClose.emit(e)}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Sluiten</span>\r\n          </button>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  @include selectable.root(false);\r\n\r\n  padding-inline-start: selectable.$symbol-indent;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    @include selectable.invalid();\r\n  }\r\n\r\n  @include selectable.children(\"dso-info\");\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n  @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n  display: inline-block;\r\n\r\n  .dso-selectable-input-wrapper {\r\n    display: inline-block;\r\n    min-block-size: units.$u3;\r\n\r\n    &:focus-within.dso-keyboard-focus {\r\n      position: relative;\r\n      inset-inline-start: -(selectable.$symbol-indent);\r\n\r\n      padding-inline-start: selectable.$symbol-indent;\r\n\r\n      margin-inline-end: -(selectable.$symbol-indent);\r\n\r\n      @include utilities.focus-outline();\r\n    }\r\n\r\n    input[type=\"radio\"],\r\n    input[type=\"checkbox\"] {\r\n      &:focus + label::before {\r\n        @include selectable.selectableBoxShadow(\r\n          selectable.$border-width,\r\n          var(--dso-selectable-color, selectable.$valid-color)\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  Prop,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Element,\r\n  State,\r\n  forceUpdate,\r\n  Watch,\r\n  Method,\r\n  ComponentInterface,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n/**\r\n * @slot - The label for this control\r\n * @slot info - Rich Content to be slotted in Info.\r\n * @slot options - for further nested selectable options: `<ul class=\"dso-selectable-options\" slot=\"options\">` and wrap each Selectable in a `<li>`.\r\n */\r\n@Component({\r\n  tag: \"dso-selectable\",\r\n  styleUrl: \"selectable.scss\",\r\n  scoped: true,\r\n})\r\nexport class Selectable implements ComponentInterface {\r\n  /**\r\n   * Type of Selectable.\r\n   *\r\n   * `checkbox`: Multiple options\r\n   * `radio`: Single option.\r\n   */\r\n  @Prop()\r\n  type!: \"checkbox\" | \"radio\";\r\n\r\n  /**\r\n   * To set `<input id>` attribute for external references.\r\n   */\r\n  @Prop()\r\n  identifier?: string;\r\n\r\n  /**\r\n   * Name of the Selectable. Can be used to group Selectables.\r\n   */\r\n  @Prop()\r\n  name?: string;\r\n\r\n  /**\r\n   * The value of the Selectable.\r\n   */\r\n  @Prop()\r\n  value!: string;\r\n\r\n  /**\r\n   * Set to true of the current value is not valid.\r\n   */\r\n  @Prop()\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * To link this control to an element that describes it.\r\n   */\r\n  @Prop()\r\n  describedById?: string;\r\n\r\n  /**\r\n   * To link this control to an element that labels it.\r\n   */\r\n  @Prop()\r\n  labelledById?: string;\r\n\r\n  /**\r\n   * To disable the Selectable.\r\n   */\r\n  @Prop()\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * To mark the Selectable as required.\r\n   */\r\n  @Prop()\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Mark the Selectable as checked\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked?: boolean;\r\n\r\n  /**\r\n   * An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n   *\r\n   * Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n   */\r\n  @Prop()\r\n  indeterminate?: boolean;\r\n\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop()\r\n  infoFixed?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user checks or unchecks the Selectable.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoSelectableElement;\r\n\r\n  @State()\r\n  infoActive = false;\r\n\r\n  @State()\r\n  keyboardFocus = false;\r\n\r\n  /**\r\n   * Method to toggle the Info. Is set to `active` when passed.\r\n   *\r\n   * If `active` is not passed, Info is toggled to opposite value.\r\n   * @param active\r\n   */\r\n  @Method()\r\n  async toggleInfo(active?: boolean) {\r\n    this.infoActive = active ?? !this.infoActive;\r\n  }\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n  private input: HTMLInputElement | undefined;\r\n\r\n  private handleOnChange = (e: Event) => {\r\n    const { target } = e;\r\n\r\n    this.dsoChange.emit({\r\n      originalEvent: e,\r\n      checked: target instanceof HTMLInputElement && target.checked,\r\n    });\r\n\r\n    forceUpdate(this.host);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n\r\n    this.setIndeterminate();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  @Watch(\"indeterminate\")\r\n  setIndeterminate() {\r\n    if (!(this.input instanceof HTMLInputElement) || this.type !== \"checkbox\") {\r\n      return;\r\n    }\r\n\r\n    this.input.indeterminate = !!this.indeterminate;\r\n  }\r\n\r\n  render() {\r\n    const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n    return (\r\n      <Fragment>\r\n        <div class=\"dso-selectable-container\">\r\n          <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n            <input\r\n              type={this.type}\r\n              id={this.getIdentifier()}\r\n              value={this.value}\r\n              name={this.name}\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n              aria-labelledBy={this.labelledById}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              checked={this.checked}\r\n              onChange={this.handleOnChange}\r\n              onBlur={() => (this.keyboardFocus = false)}\r\n              onKeyUp={() => (this.keyboardFocus = true)}\r\n              ref={(el) => (this.input = el)}\r\n            />\r\n            {!this.labelledById ? (\r\n              <label htmlFor={this.getIdentifier()}>\r\n                <slot />\r\n              </label>\r\n            ) : (\r\n              <label>\r\n                <slot />\r\n              </label>\r\n            )}\r\n          </div>\r\n          {hasInfo && !this.infoFixed && (\r\n            <dso-info-button\r\n              active={this.infoActive}\r\n              onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n            ></dso-info-button>\r\n          )}\r\n        </div>\r\n        {hasInfo && (\r\n          <dso-info\r\n            id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n            fixed={this.infoFixed}\r\n            active={this.infoActive}\r\n            onDsoClose={() => (this.infoActive = false)}\r\n          >\r\n            <div>\r\n              <slot name=\"info\"></slot>\r\n            </div>\r\n          </dso-info>\r\n        )}\r\n        <slot name=\"options\" />\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (this.input && typeof this.checked === \"boolean\" && this.input.checked !== this.checked) {\r\n      this.input.checked = this.checked;\r\n    }\r\n  }\r\n\r\n  private getIdentifier(): string {\r\n    return this.identifier ?? this.fallbackIdentifier;\r\n  }\r\n}\r\n"],"mappings":"+IAAA,MAAMA,EAAU,m5CAChB,MAAAC,EAAeD,E,MCMFE,EAAI,M,uGAmBf,MAAAC,GACE,OACEC,EAACC,EAAQ,CAAAC,IAAA,4CACPF,EAAA,QAAAE,IAAA,8CACEC,KAAKC,OACLJ,EAAA,UAAAE,IAAA,2CAAQG,KAAK,SAASC,QAAUC,GAAMJ,KAAKK,SAASC,KAAKF,IACvDP,EAAA,YAAAE,IAAA,2CAAUQ,KAAK,UACfV,EAAA,QAAAE,IAAA,2CAAMS,MAAM,WAAS,Y,aCjCjC,MAAMC,EAAgB,q+LACtB,MAAAC,EAAeD,E,MC2BFE,EAAU,M,8DA0GbX,KAAAY,mBAAqBC,EAAiB,iBAItCb,KAAAc,eAAkBV,IACxB,MAAMW,OAAEA,GAAWX,EAEnBJ,KAAKgB,UAAUV,KAAK,CAClBW,cAAeb,EACfc,QAASH,aAAkBI,kBAAoBJ,EAAOG,UAGxDE,EAAYpB,KAAKqB,KAAK,E,oTA9BX,M,mBAGG,K,CAShB,gBAAMC,CAAWC,GACfvB,KAAKwB,WAAaD,IAAM,MAANA,SAAM,EAANA,GAAWvB,KAAKwB,U,CAoBpC,gBAAAC,G,OACEC,EAAA1B,KAAK2B,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAEvB5B,KAAK2B,iBAAmB,IAAIE,kBAAiB,IAAMT,EAAYpB,KAAKqB,QACpErB,KAAK2B,iBAAiBG,QAAQ9B,KAAKqB,KAAM,CACvCU,UAAW,OAGb/B,KAAKgC,kB,CAGP,oBAAAC,G,OACEP,EAAA1B,KAAK2B,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,Y,CAIzB,gBAAAI,GACE,KAAMhC,KAAKkC,iBAAiBf,mBAAqBnB,KAAKE,OAAS,WAAY,CACzE,M,CAGFF,KAAKkC,MAAMC,gBAAkBnC,KAAKmC,a,CAGpC,MAAAvC,G,MACE,MAAMwC,IAAYpC,KAAKqB,KAAKgB,cAAc,iBAE1C,OACExC,EAACC,EAAQ,CAAAC,IAAA,4CACPF,EAAA,OAAAE,IAAA,2CAAKS,MAAM,4BACTX,EAAA,OAAAE,IAAA,2CAAKS,MAAO8B,EAAK,+BAAgC,CAAE,qBAAsBtC,KAAKuC,iBAC5E1C,EAAA,SAAAE,IAAA,2CACEG,KAAMF,KAAKE,KACXsC,GAAIxC,KAAKyC,gBACTC,MAAO1C,KAAK0C,MACZC,KAAM3C,KAAK2C,KAAI,gBACDjB,EAAA1B,KAAK4C,WAAO,MAAAlB,SAAA,SAAAA,EAAEmB,WAAU,mBACpBT,GAAWpC,KAAK8C,UAAY9C,KAAK+C,cAAgBC,UAAS,kBAC3DhD,KAAKiD,aACtBC,SAAUlD,KAAKkD,SACfC,SAAUnD,KAAKmD,SACfjC,QAASlB,KAAKkB,QACdkC,SAAUpD,KAAKc,eACfuC,OAAQ,IAAOrD,KAAKuC,cAAgB,MACpCe,QAAS,IAAOtD,KAAKuC,cAAgB,KACrCgB,IAAMC,GAAQxD,KAAKkC,MAAQsB,KAE3BxD,KAAKiD,aACLpD,EAAA,SAAO4D,QAASzD,KAAKyC,iBACnB5C,EAAA,cAGFA,EAAA,aACEA,EAAA,eAILuC,IAAYpC,KAAK8C,WAChBjD,EAAA,mBAAAE,IAAA,2CACEwB,OAAQvB,KAAKwB,WACbkC,YAActD,GAAOJ,KAAKwB,WAAapB,EAAEuD,OAAOpC,UAIrDa,GACCvC,EAAA,YAAAE,IAAA,2CACEyC,GAAIJ,GAAWpC,KAAK8C,UAAY9C,KAAK+C,cAAgBC,UACrD/C,MAAOD,KAAK8C,UACZvB,OAAQvB,KAAKwB,WACboC,WAAY,IAAO5D,KAAKwB,WAAa,OAErC3B,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAM4C,KAAK,WAIjB9C,EAAA,QAAAE,IAAA,2CAAM4C,KAAK,Y,CAKjB,kBAAAkB,GACE,GAAI7D,KAAKkC,cAAgBlC,KAAKkB,UAAY,WAAalB,KAAKkC,MAAMhB,UAAYlB,KAAKkB,QAAS,CAC1FlB,KAAKkC,MAAMhB,QAAUlB,KAAKkB,O,EAItB,aAAAuB,G,MACN,OAAOf,EAAA1B,KAAK8D,cAAU,MAAApC,SAAA,EAAAA,EAAI1B,KAAKY,kB","ignoreList":[]}
+{"version":3,"names":["infoCss","DsoInfoStyle0","Info","render","h","Fragment","key","this","fixed","type","onClick","e","dsoClose","emit","icon","class","selectableCss","DsoSelectableStyle0","Selectable","fallbackIdentifier","createIdentifier","handleOnChange","target","dsoChange","originalEvent","checked","HTMLInputElement","forceUpdate","host","toggleInfo","active","infoActive","componentDidLoad","_a","mutationObserver","disconnect","MutationObserver","observe","childList","setIndeterminate","disconnectedCallback","input","indeterminate","hasInfo","querySelector","clsx","keyboardFocus","id","getIdentifier","value","name","invalid","toString","infoFixed","describedById","undefined","labelledById","disabled","required","onChange","onBlur","onKeyUp","ref","el","htmlFor","onDsoToggle","detail","onDsoClose","componentDidRender","identifier"],"sources":["src/components/info/info.scss?tag=dso-info&encapsulation=shadow","src/components/info/info.tsx","src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/info\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  @include info.root();\r\n}\r\n\r\n:host(:not([active], [fixed])),\r\n:host([active=\"false\"]:not([fixed])),\r\n:host([active=\"false\"][fixed=\"false\"]) {\r\n  display: none;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n","import { h, Component, Event, Prop, EventEmitter, Fragment } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-info\",\r\n  styleUrl: \"./info.scss\",\r\n  shadow: true,\r\n})\r\nexport class Info {\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fixed?: boolean;\r\n\r\n  /**\r\n   * Whether the Info is active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the close button.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<MouseEvent>;\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <slot></slot>\r\n        {!this.fixed && (\r\n          <button type=\"button\" onClick={(e) => this.dsoClose.emit(e)}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Sluiten</span>\r\n          </button>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  @include selectable.root(false);\r\n\r\n  padding-inline-start: selectable.$symbol-indent;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    @include selectable.invalid();\r\n  }\r\n\r\n  @include selectable.children(\"dso-info\");\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n  @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n  display: inline-block;\r\n\r\n  .dso-selectable-input-wrapper {\r\n    display: inline-block;\r\n    min-block-size: units.$u3;\r\n\r\n    &:focus-within.dso-keyboard-focus {\r\n      position: relative;\r\n      inset-inline-start: -(selectable.$symbol-indent);\r\n\r\n      padding-inline-start: selectable.$symbol-indent;\r\n\r\n      margin-inline-end: -(selectable.$symbol-indent);\r\n\r\n      @include utilities.focus-outline();\r\n    }\r\n\r\n    input[type=\"radio\"],\r\n    input[type=\"checkbox\"] {\r\n      &:focus + label::before {\r\n        @include selectable.selectableBoxShadow(\r\n          selectable.$border-width,\r\n          var(--dso-selectable-color, selectable.$valid-color)\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  Prop,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Element,\r\n  State,\r\n  forceUpdate,\r\n  Watch,\r\n  Method,\r\n  ComponentInterface,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n/**\r\n * @slot - The label for this control\r\n * @slot info - Rich Content to be slotted in Info.\r\n * @slot options - for further nested selectable options: `<ul class=\"dso-selectable-options\" slot=\"options\">` and wrap each Selectable in a `<li>`.\r\n */\r\n@Component({\r\n  tag: \"dso-selectable\",\r\n  styleUrl: \"selectable.scss\",\r\n  scoped: true,\r\n})\r\nexport class Selectable implements ComponentInterface {\r\n  /**\r\n   * Type of Selectable.\r\n   *\r\n   * `checkbox`: Multiple options\r\n   * `radio`: Single option.\r\n   */\r\n  @Prop()\r\n  type!: \"checkbox\" | \"radio\";\r\n\r\n  /**\r\n   * To set `<input id>` attribute for external references.\r\n   */\r\n  @Prop()\r\n  identifier?: string;\r\n\r\n  /**\r\n   * Name of the Selectable. Can be used to group Selectables.\r\n   */\r\n  @Prop()\r\n  name?: string;\r\n\r\n  /**\r\n   * The value of the Selectable.\r\n   */\r\n  @Prop()\r\n  value!: string;\r\n\r\n  /**\r\n   * Set to true of the current value is not valid.\r\n   */\r\n  @Prop()\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * To link this control to an element that describes it.\r\n   */\r\n  @Prop()\r\n  describedById?: string;\r\n\r\n  /**\r\n   * To link this control to an element that labels it.\r\n   */\r\n  @Prop()\r\n  labelledById?: string;\r\n\r\n  /**\r\n   * To disable the Selectable.\r\n   */\r\n  @Prop()\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * To mark the Selectable as required.\r\n   */\r\n  @Prop()\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Mark the Selectable as checked\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked?: boolean;\r\n\r\n  /**\r\n   * An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n   *\r\n   * Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n   */\r\n  @Prop()\r\n  indeterminate?: boolean;\r\n\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop()\r\n  infoFixed?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user checks or unchecks the Selectable.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoSelectableElement;\r\n\r\n  @State()\r\n  infoActive = false;\r\n\r\n  @State()\r\n  keyboardFocus = false;\r\n\r\n  /**\r\n   * Method to toggle the Info. Is set to `active` when passed.\r\n   *\r\n   * If `active` is not passed, Info is toggled to opposite value.\r\n   * @param active\r\n   */\r\n  @Method()\r\n  async toggleInfo(active?: boolean) {\r\n    this.infoActive = active ?? !this.infoActive;\r\n  }\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n  private input: HTMLInputElement | undefined;\r\n\r\n  private handleOnChange = (e: Event) => {\r\n    const { target } = e;\r\n\r\n    this.dsoChange.emit({\r\n      originalEvent: e,\r\n      checked: target instanceof HTMLInputElement && target.checked,\r\n    });\r\n\r\n    forceUpdate(this.host);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n\r\n    this.setIndeterminate();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  @Watch(\"indeterminate\")\r\n  setIndeterminate() {\r\n    if (!(this.input instanceof HTMLInputElement) || this.type !== \"checkbox\") {\r\n      return;\r\n    }\r\n\r\n    this.input.indeterminate = !!this.indeterminate;\r\n  }\r\n\r\n  render() {\r\n    const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n    return (\r\n      <Fragment>\r\n        <div class=\"dso-selectable-container\">\r\n          <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n            <input\r\n              type={this.type}\r\n              id={this.getIdentifier()}\r\n              value={this.value}\r\n              name={this.name}\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n              aria-labelledBy={this.labelledById}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              checked={this.checked}\r\n              onChange={this.handleOnChange}\r\n              onBlur={() => (this.keyboardFocus = false)}\r\n              onKeyUp={() => (this.keyboardFocus = true)}\r\n              ref={(el) => (this.input = el)}\r\n            />\r\n            {!this.labelledById ? (\r\n              <label htmlFor={this.getIdentifier()}>\r\n                <slot />\r\n              </label>\r\n            ) : (\r\n              <label>\r\n                <slot />\r\n              </label>\r\n            )}\r\n          </div>\r\n          {hasInfo && !this.infoFixed && (\r\n            <dso-info-button\r\n              active={this.infoActive}\r\n              onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n            ></dso-info-button>\r\n          )}\r\n        </div>\r\n        {hasInfo && (\r\n          <dso-info\r\n            id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n            fixed={this.infoFixed}\r\n            active={this.infoActive}\r\n            onDsoClose={() => (this.infoActive = false)}\r\n          >\r\n            <div>\r\n              <slot name=\"info\"></slot>\r\n            </div>\r\n          </dso-info>\r\n        )}\r\n        <slot name=\"options\" />\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (this.input && typeof this.checked === \"boolean\" && this.input.checked !== this.checked) {\r\n      this.input.checked = this.checked;\r\n    }\r\n  }\r\n\r\n  private getIdentifier(): string {\r\n    return this.identifier ?? this.fallbackIdentifier;\r\n  }\r\n}\r\n"],"mappings":"+IAAA,MAAMA,EAAU,u2CAChB,MAAAC,EAAeD,E,MCMFE,EAAI,M,uGAmBf,MAAAC,GACE,OACEC,EAACC,EAAQ,CAAAC,IAAA,4CACPF,EAAA,QAAAE,IAAA,8CACEC,KAAKC,OACLJ,EAAA,UAAAE,IAAA,2CAAQG,KAAK,SAASC,QAAUC,GAAMJ,KAAKK,SAASC,KAAKF,IACvDP,EAAA,YAAAE,IAAA,2CAAUQ,KAAK,UACfV,EAAA,QAAAE,IAAA,2CAAMS,MAAM,WAAS,Y,aCjCjC,MAAMC,EAAgB,q+LACtB,MAAAC,EAAeD,E,MC2BFE,EAAU,M,8DA0GbX,KAAAY,mBAAqBC,EAAiB,iBAItCb,KAAAc,eAAkBV,IACxB,MAAMW,OAAEA,GAAWX,EAEnBJ,KAAKgB,UAAUV,KAAK,CAClBW,cAAeb,EACfc,QAASH,aAAkBI,kBAAoBJ,EAAOG,UAGxDE,EAAYpB,KAAKqB,KAAK,E,oTA9BX,M,mBAGG,K,CAShB,gBAAMC,CAAWC,GACfvB,KAAKwB,WAAaD,IAAM,MAANA,SAAM,EAANA,GAAWvB,KAAKwB,U,CAoBpC,gBAAAC,G,OACEC,EAAA1B,KAAK2B,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAEvB5B,KAAK2B,iBAAmB,IAAIE,kBAAiB,IAAMT,EAAYpB,KAAKqB,QACpErB,KAAK2B,iBAAiBG,QAAQ9B,KAAKqB,KAAM,CACvCU,UAAW,OAGb/B,KAAKgC,kB,CAGP,oBAAAC,G,OACEP,EAAA1B,KAAK2B,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,Y,CAIzB,gBAAAI,GACE,KAAMhC,KAAKkC,iBAAiBf,mBAAqBnB,KAAKE,OAAS,WAAY,CACzE,M,CAGFF,KAAKkC,MAAMC,gBAAkBnC,KAAKmC,a,CAGpC,MAAAvC,G,MACE,MAAMwC,IAAYpC,KAAKqB,KAAKgB,cAAc,iBAE1C,OACExC,EAACC,EAAQ,CAAAC,IAAA,4CACPF,EAAA,OAAAE,IAAA,2CAAKS,MAAM,4BACTX,EAAA,OAAAE,IAAA,2CAAKS,MAAO8B,EAAK,+BAAgC,CAAE,qBAAsBtC,KAAKuC,iBAC5E1C,EAAA,SAAAE,IAAA,2CACEG,KAAMF,KAAKE,KACXsC,GAAIxC,KAAKyC,gBACTC,MAAO1C,KAAK0C,MACZC,KAAM3C,KAAK2C,KAAI,gBACDjB,EAAA1B,KAAK4C,WAAO,MAAAlB,SAAA,SAAAA,EAAEmB,WAAU,mBACpBT,GAAWpC,KAAK8C,UAAY9C,KAAK+C,cAAgBC,UAAS,kBAC3DhD,KAAKiD,aACtBC,SAAUlD,KAAKkD,SACfC,SAAUnD,KAAKmD,SACfjC,QAASlB,KAAKkB,QACdkC,SAAUpD,KAAKc,eACfuC,OAAQ,IAAOrD,KAAKuC,cAAgB,MACpCe,QAAS,IAAOtD,KAAKuC,cAAgB,KACrCgB,IAAMC,GAAQxD,KAAKkC,MAAQsB,KAE3BxD,KAAKiD,aACLpD,EAAA,SAAO4D,QAASzD,KAAKyC,iBACnB5C,EAAA,cAGFA,EAAA,aACEA,EAAA,eAILuC,IAAYpC,KAAK8C,WAChBjD,EAAA,mBAAAE,IAAA,2CACEwB,OAAQvB,KAAKwB,WACbkC,YAActD,GAAOJ,KAAKwB,WAAapB,EAAEuD,OAAOpC,UAIrDa,GACCvC,EAAA,YAAAE,IAAA,2CACEyC,GAAIJ,GAAWpC,KAAK8C,UAAY9C,KAAK+C,cAAgBC,UACrD/C,MAAOD,KAAK8C,UACZvB,OAAQvB,KAAKwB,WACboC,WAAY,IAAO5D,KAAKwB,WAAa,OAErC3B,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAM4C,KAAK,WAIjB9C,EAAA,QAAAE,IAAA,2CAAM4C,KAAK,Y,CAKjB,kBAAAkB,GACE,GAAI7D,KAAKkC,cAAgBlC,KAAKkB,UAAY,WAAalB,KAAKkC,MAAMhB,UAAYlB,KAAKkB,QAAS,CAC1FlB,KAAKkC,MAAMhB,QAAUlB,KAAKkB,O,EAItB,aAAAuB,G,MACN,OAAOf,EAAA1B,KAAK8D,cAAU,MAAApC,SAAA,EAAAA,EAAI1B,KAAKY,kB","ignoreList":[]}

package/dist/dso-toolkit/{p-5b758af0.entry.js → p-c688843d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,f as a,h as d,a as n}from"./p-7fc1e494.js";import{i as o}from"./p-2d694112.js";const c="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:16px !important}}::slotted([slot=heading]){display:flex !important;align-items:center !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}";const i=c;const s=class{constructor(a){e(this,a);this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7);this.href=undefined;this.active=undefined}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}render(){return d("div",{key:"da5f35bfb4340de8123393e31d955f5e232ac1da",class:"dso-document-card-container"},d("div",{key:"ebb1766cc91cddff11952de180ae5c4f5e974300",class:"dso-document-card-heading"},d("a",{key:"44c19ab92d9adce26bf92b71cc763e7f1b55df9a",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},d("slot",{key:"d528a084a56638ec201e4494559cc5c414a22fc6",name:"heading"}),d("dso-icon",{key:"ec5fce61c68a57ca116f8e7a836fc7cdf2fed653",icon:"chevron-right"})),this.metaSlottedElement!==null&&d("slot",{key:"ed4e4d9029de18af9cfcb34e4bb3da413b38dd84",name:"meta"})),d("div",{key:"0850812c5838eec5dcae5dbe0615a15984e3cefb",class:"dso-document-card-type"},d("slot",{key:"e6ad51fac2e3f166dbbd51dee7931cc1b4d74c4f",name:"type"})),d("div",{key:"1c77dc25e082ad3e82299ff991793d92713a0574",class:"dso-document-card-status"},d("slot",{key:"ee43d829ce2ac1457cedba9f0c4c0dbaeece098c",name:"status"})))}get host(){return n(this)}};s.style=i;export{s as dso_document_card};
-//# sourceMappingURL=p-5b758af0.entry.js.map
+import{r as e,c as t,f as a,h as d,a as n}from"./p-53096a64.js";import{i as o}from"./p-2d694112.js";const c="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:16px !important}}::slotted([slot=heading]){display:flex !important;align-items:center !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}";const i=c;const s=class{constructor(a){e(this,a);this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7);this.href=undefined;this.active=undefined}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}render(){return d("div",{key:"da5f35bfb4340de8123393e31d955f5e232ac1da",class:"dso-document-card-container"},d("div",{key:"ebb1766cc91cddff11952de180ae5c4f5e974300",class:"dso-document-card-heading"},d("a",{key:"44c19ab92d9adce26bf92b71cc763e7f1b55df9a",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},d("slot",{key:"d528a084a56638ec201e4494559cc5c414a22fc6",name:"heading"}),d("dso-icon",{key:"ec5fce61c68a57ca116f8e7a836fc7cdf2fed653",icon:"chevron-right"})),this.metaSlottedElement!==null&&d("slot",{key:"ed4e4d9029de18af9cfcb34e4bb3da413b38dd84",name:"meta"})),d("div",{key:"0850812c5838eec5dcae5dbe0615a15984e3cefb",class:"dso-document-card-type"},d("slot",{key:"e6ad51fac2e3f166dbbd51dee7931cc1b4d74c4f",name:"type"})),d("div",{key:"1c77dc25e082ad3e82299ff991793d92713a0574",class:"dso-document-card-status"},d("slot",{key:"ee43d829ce2ac1457cedba9f0c4c0dbaeece098c",name:"status"})))}get host(){return n(this)}};s.style=i;export{s as dso_document_card};
+//# sourceMappingURL=p-c688843d.entry.js.map

package/dist/dso-toolkit/p-c9b922b2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as i,a}from"./p-53096a64.js";import{i as o}from"./p-f279a706.js";import{v as t}from"./p-ffb34aa5.js";const l={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}};const n=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const d=n;const r=class{constructor(i){e(this,i);this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7);this.selectableRefs={};this.text=o((()=>this.host),l);this.group=t();this.overlays=undefined}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousOverlays)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"9892fc514d3605c8532105d7ab3dc7a20841838b",class:"form-group dso-checkboxes"},i("legend",{key:"8fd65bf3a7592e1f89b3133ddcdaa0650e8df2bd",class:"sr-only"},"Kaartlagen"),i("div",{key:"4d42c4b39c33e5c5b2e510a0cccec6703e36ee28",class:"dso-label-container"},i("span",{key:"eccf54c31ae3def04c5af3d43b2d094581b7b311",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"f1a0fa892a2e0b7301c57098930fe87218c209bc",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return a(this)}};r.style=d;export{r as dso_map_overlays};
+//# sourceMappingURL=p-c9b922b2.entry.js.map

package/dist/dso-toolkit/{p-6789163b.entry.js.map → p-c9b922b2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","en","title","nl","mapOverlaysCss","DsoMapOverlaysStyle0","MapOverlays","this","selectableRefs","text","i18n","host","uuidv4","overlayChangeHandler","overlay","e","checked","detail","dsoToggleOverlay","emit","componentDidRender","overlays","filter","o","_a","_b","disabled","previousOverlays","find","p","id","forEach","toggleInfo","render","ref","h","key","class","map","type","value","name","group","onDsoChange","info","slot"],"sources":["src/components/map-overlays/map-overlays.i18n.ts","src/components/map-overlays/map-overlays.scss?tag=dso-map-overlays&encapsulation=shadow","src/components/map-overlays/map-overlays.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-map-overlays\": {\r\n      title: \"Maplayers\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-map-overlays\": {\r\n      title: \"Kaartlagen\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n// Todo #1194\r\nfieldset {\r\n  border: 0;\r\n  margin: 0;\r\n  min-inline-size: 0;\r\n  padding: 0;\r\n\r\n  .control-label {\r\n    display: inline-block;\r\n    font-weight: bold;\r\n    margin-block-end: units.$u1;\r\n    max-inline-size: 100%;\r\n    text-align: start;\r\n  }\r\n}\r\n\r\np[slot=\"info\"] {\r\n  margin: 0;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { SelectableChangeEvent } from \"../selectable/selectable.interfaces\";\r\nimport { Overlay, OverlayChangeEvent } from \"./map-overlays.interfaces\";\r\nimport { translations } from \"./map-overlays.i18n\";\r\n\r\n@Component({\r\n  tag: \"dso-map-overlays\",\r\n  styleUrl: \"./map-overlays.scss\",\r\n  shadow: true,\r\n})\r\nexport class MapOverlays implements ComponentInterface {\r\n  private previousOverlays: Overlay[] | undefined;\r\n  private selectableRefs: { [id: number]: HTMLDsoSelectableElement } = {};\r\n\r\n  @Element()\r\n  host!: HTMLDsoMapOverlaysElement;\r\n\r\n  /**\r\n   * To group the overlays together. Generally the default value suffices.\r\n   */\r\n  @Prop()\r\n  group = uuidv4();\r\n\r\n  /**\r\n   * The overlays.\r\n   */\r\n  @Prop()\r\n  overlays!: Overlay[];\r\n\r\n  /**\r\n   * Emitted when the user selects a different overlay.\r\n   */\r\n  @Event()\r\n  dsoToggleOverlay!: EventEmitter<OverlayChangeEvent>;\r\n\r\n  private overlayChangeHandler(overlay: Overlay, e: CustomEvent<SelectableChangeEvent>) {\r\n    const { checked } = e.detail;\r\n\r\n    this.dsoToggleOverlay.emit({ overlay, checked });\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidRender() {\r\n    this.overlays\r\n      .filter((o) => !o.disabled && this.previousOverlays?.find((p) => p.id === o.id)?.disabled === true)\r\n      .forEach((o) => {\r\n        this.selectableRefs[o.id]?.toggleInfo(false);\r\n      });\r\n\r\n    this.previousOverlays = this.overlays;\r\n  }\r\n\r\n  render() {\r\n    for (const ref in this.selectableRefs) {\r\n      delete this.selectableRefs[ref];\r\n    }\r\n\r\n    return (\r\n      <fieldset class=\"form-group dso-checkboxes\">\r\n        <legend class=\"sr-only\">Kaartlagen</legend>\r\n        <div class=\"dso-label-container\">\r\n          <span class=\"control-label\" aria-hidden=\"true\">\r\n            {this.text(\"title\")}\r\n          </span>\r\n        </div>\r\n        <div class=\"dso-field-container\">\r\n          {this.overlays.map((overlay) => (\r\n            <dso-selectable\r\n              key={overlay.id}\r\n              type=\"checkbox\"\r\n              value={overlay.name}\r\n              checked={overlay.checked}\r\n              disabled={overlay.disabled}\r\n              name={this.group}\r\n              ref={(ref) => ref && (this.selectableRefs[overlay.id] = ref)}\r\n              onDsoChange={(e) => this.overlayChangeHandler(overlay, e)}\r\n            >\r\n              {overlay.name}\r\n              {overlay.info ? <p slot=\"info\">{overlay.info}</p> : null}\r\n            </dso-selectable>\r\n          ))}\r\n        </div>\r\n      </fieldset>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"iIAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,mBAAoB,CAClBC,MAAO,cAGXC,GAAI,CACF,mBAAoB,CAClBD,MAAO,gBCVb,MAAME,EAAiB,uYACvB,MAAAC,EAAeD,E,MCaFE,EAAW,M,4EAEdC,KAAAC,eAA6D,GA6B7DD,KAAAE,KAAOC,GAAK,IAAMH,KAAKI,MAAMX,G,WApB7BY,I,wBAcA,oBAAAC,CAAqBC,EAAkBC,GAC7C,MAAMC,QAAEA,GAAYD,EAAEE,OAEtBV,KAAKW,iBAAiBC,KAAK,CAAEL,UAASE,W,CAKxC,kBAAAI,GACEb,KAAKc,SACFC,QAAQC,IAAC,IAAAC,EAAAC,EAAK,OAACF,EAAEG,YAAYD,GAAAD,EAAAjB,KAAKoB,oBAAgB,MAAAH,SAAA,SAAAA,EAAEI,MAAMC,GAAMA,EAAEC,KAAOP,EAAEO,QAAG,MAAAL,SAAA,SAAAA,EAAEC,YAAa,IAAI,IACjGK,SAASR,I,OACRC,EAAAjB,KAAKC,eAAee,EAAEO,OAAG,MAAAN,SAAA,SAAAA,EAAEQ,WAAW,MAAM,IAGhDzB,KAAKoB,iBAAmBpB,KAAKc,Q,CAG/B,MAAAY,GACE,IAAK,MAAMC,KAAO3B,KAAKC,eAAgB,QAC9BD,KAAKC,eAAe0B,E,CAG7B,OACEC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,6BACdF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,WAAS,cACvBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAe,cAAa,QACrC9B,KAAKE,KAAK,WAGf0B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACR9B,KAAKc,SAASiB,KAAKxB,GAClBqB,EAAA,kBACEC,IAAKtB,EAAQgB,GACbS,KAAK,WACLC,MAAO1B,EAAQ2B,KACfzB,QAASF,EAAQE,QACjBU,SAAUZ,EAAQY,SAClBe,KAAMlC,KAAKmC,MACXR,IAAMA,GAAQA,IAAQ3B,KAAKC,eAAeM,EAAQgB,IAAMI,GACxDS,YAAc5B,GAAMR,KAAKM,qBAAqBC,EAASC,IAEtDD,EAAQ2B,KACR3B,EAAQ8B,KAAOT,EAAA,KAAGU,KAAK,QAAQ/B,EAAQ8B,MAAY,S","ignoreList":[]}
+{"version":3,"names":["translations","en","title","nl","mapOverlaysCss","DsoMapOverlaysStyle0","MapOverlays","this","selectableRefs","text","i18n","host","uuidv4","overlayChangeHandler","overlay","e","checked","detail","dsoToggleOverlay","emit","componentDidRender","overlays","filter","o","_a","_b","disabled","previousOverlays","find","p","id","forEach","toggleInfo","render","ref","h","key","class","map","type","value","name","group","onDsoChange","info","slot"],"sources":["src/components/map-overlays/map-overlays.i18n.ts","src/components/map-overlays/map-overlays.scss?tag=dso-map-overlays&encapsulation=shadow","src/components/map-overlays/map-overlays.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-map-overlays\": {\r\n      title: \"Maplayers\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-map-overlays\": {\r\n      title: \"Kaartlagen\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n// Todo #1194\r\nfieldset {\r\n  border: 0;\r\n  margin: 0;\r\n  min-inline-size: 0;\r\n  padding: 0;\r\n\r\n  .control-label {\r\n    display: inline-block;\r\n    font-weight: bold;\r\n    margin-block-end: units.$u1;\r\n    max-inline-size: 100%;\r\n    text-align: start;\r\n  }\r\n}\r\n\r\np[slot=\"info\"] {\r\n  margin: 0;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { SelectableChangeEvent } from \"../selectable/selectable.interfaces\";\r\nimport { Overlay, OverlayChangeEvent } from \"./map-overlays.interfaces\";\r\nimport { translations } from \"./map-overlays.i18n\";\r\n\r\n@Component({\r\n  tag: \"dso-map-overlays\",\r\n  styleUrl: \"./map-overlays.scss\",\r\n  shadow: true,\r\n})\r\nexport class MapOverlays implements ComponentInterface {\r\n  private previousOverlays: Overlay[] | undefined;\r\n  private selectableRefs: { [id: number]: HTMLDsoSelectableElement } = {};\r\n\r\n  @Element()\r\n  host!: HTMLDsoMapOverlaysElement;\r\n\r\n  /**\r\n   * To group the overlays together. Generally the default value suffices.\r\n   */\r\n  @Prop()\r\n  group = uuidv4();\r\n\r\n  /**\r\n   * The overlays.\r\n   */\r\n  @Prop()\r\n  overlays!: Overlay[];\r\n\r\n  /**\r\n   * Emitted when the user selects a different overlay.\r\n   */\r\n  @Event()\r\n  dsoToggleOverlay!: EventEmitter<OverlayChangeEvent>;\r\n\r\n  private overlayChangeHandler(overlay: Overlay, e: CustomEvent<SelectableChangeEvent>) {\r\n    const { checked } = e.detail;\r\n\r\n    this.dsoToggleOverlay.emit({ overlay, checked });\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidRender() {\r\n    this.overlays\r\n      .filter((o) => !o.disabled && this.previousOverlays?.find((p) => p.id === o.id)?.disabled === true)\r\n      .forEach((o) => {\r\n        this.selectableRefs[o.id]?.toggleInfo(false);\r\n      });\r\n\r\n    this.previousOverlays = this.overlays;\r\n  }\r\n\r\n  render() {\r\n    for (const ref in this.selectableRefs) {\r\n      delete this.selectableRefs[ref];\r\n    }\r\n\r\n    return (\r\n      <fieldset class=\"form-group dso-checkboxes\">\r\n        <legend class=\"sr-only\">Kaartlagen</legend>\r\n        <div class=\"dso-label-container\">\r\n          <span class=\"control-label\" aria-hidden=\"true\">\r\n            {this.text(\"title\")}\r\n          </span>\r\n        </div>\r\n        <div class=\"dso-field-container\">\r\n          {this.overlays.map((overlay) => (\r\n            <dso-selectable\r\n              key={overlay.id}\r\n              type=\"checkbox\"\r\n              value={overlay.name}\r\n              checked={overlay.checked}\r\n              disabled={overlay.disabled}\r\n              name={this.group}\r\n              ref={(ref) => ref && (this.selectableRefs[overlay.id] = ref)}\r\n              onDsoChange={(e) => this.overlayChangeHandler(overlay, e)}\r\n            >\r\n              {overlay.name}\r\n              {overlay.info ? <p slot=\"info\">{overlay.info}</p> : null}\r\n            </dso-selectable>\r\n          ))}\r\n        </div>\r\n      </fieldset>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"4HAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,mBAAoB,CAClBC,MAAO,cAGXC,GAAI,CACF,mBAAoB,CAClBD,MAAO,gBCVb,MAAME,EAAiB,uYACvB,MAAAC,EAAeD,E,MCaFE,EAAW,M,4EAEdC,KAAAC,eAA6D,GA6B7DD,KAAAE,KAAOC,GAAK,IAAMH,KAAKI,MAAMX,G,WApB7BY,I,wBAcA,oBAAAC,CAAqBC,EAAkBC,GAC7C,MAAMC,QAAEA,GAAYD,EAAEE,OAEtBV,KAAKW,iBAAiBC,KAAK,CAAEL,UAASE,W,CAKxC,kBAAAI,GACEb,KAAKc,SACFC,QAAQC,IAAC,IAAAC,EAAAC,EAAK,OAACF,EAAEG,YAAYD,GAAAD,EAAAjB,KAAKoB,oBAAgB,MAAAH,SAAA,SAAAA,EAAEI,MAAMC,GAAMA,EAAEC,KAAOP,EAAEO,QAAG,MAAAL,SAAA,SAAAA,EAAEC,YAAa,IAAI,IACjGK,SAASR,I,OACRC,EAAAjB,KAAKC,eAAee,EAAEO,OAAG,MAAAN,SAAA,SAAAA,EAAEQ,WAAW,MAAM,IAGhDzB,KAAKoB,iBAAmBpB,KAAKc,Q,CAG/B,MAAAY,GACE,IAAK,MAAMC,KAAO3B,KAAKC,eAAgB,QAC9BD,KAAKC,eAAe0B,E,CAG7B,OACEC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,6BACdF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,WAAS,cACvBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAe,cAAa,QACrC9B,KAAKE,KAAK,WAGf0B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACR9B,KAAKc,SAASiB,KAAKxB,GAClBqB,EAAA,kBACEC,IAAKtB,EAAQgB,GACbS,KAAK,WACLC,MAAO1B,EAAQ2B,KACfzB,QAASF,EAAQE,QACjBU,SAAUZ,EAAQY,SAClBe,KAAMlC,KAAKmC,MACXR,IAAMA,GAAQA,IAAQ3B,KAAKC,eAAeM,EAAQgB,IAAMI,GACxDS,YAAc5B,GAAMR,KAAKM,qBAAqBC,EAASC,IAEtDD,EAAQ2B,KACR3B,EAAQ8B,KAAOT,EAAA,KAAGU,KAAK,QAAQ/B,EAAQ8B,MAAY,S","ignoreList":[]}

package/dist/dso-toolkit/{p-75c65097.entry.js → p-de463284.entry.js}

@@ -1,2 +1,2 @@
-import{r as d,h as s,F as a}from"./p-7fc1e494.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=t;const c=class{constructor(s){d(this,s);this.mode="list"}render(){return s(a,null,this.mode==="list"&&s("ul",{key:"32d6c14a02ed4aa3a12a4a987b099ba7f786ab26",class:"dso-card-list"},s("slot",{key:"f9e8072d7f3dffbcf4e47b19bccc50377dfc8b90"})),this.mode==="grid"&&s("div",{key:"b0f534dc19d2c781eab8b13a01d222ee263a53e8",class:"dso-card-grid"},s("slot",{key:"347c56580c98cd25a2241f7fc7ed36f868005378"})))}};c.style=r;export{c as dso_card_container};
-//# sourceMappingURL=p-75c65097.entry.js.map
+import{r as d,h as a,F as s}from"./p-53096a64.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=t;const i=class{constructor(a){d(this,a);this.mode="list"}render(){return a(s,null,this.mode==="list"&&a("ul",{key:"32d6c14a02ed4aa3a12a4a987b099ba7f786ab26",class:"dso-card-list"},a("slot",{key:"f9e8072d7f3dffbcf4e47b19bccc50377dfc8b90"})),this.mode==="grid"&&a("div",{key:"b0f534dc19d2c781eab8b13a01d222ee263a53e8",class:"dso-card-grid"},a("slot",{key:"347c56580c98cd25a2241f7fc7ed36f868005378"})))}};i.style=r;export{i as dso_card_container};
+//# sourceMappingURL=p-de463284.entry.js.map

package/dist/dso-toolkit/p-e7a14497.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as r}from"./p-53096a64.js";import{A as i}from"./p-93d7574c.js";import{i as a}from"./p-2d694112.js";const t='a{background-color:transparent;color:var(--link-color);text-decoration:underline}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:url("./di.svg#download")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:url("./di.svg#download-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:url("./di.svg#external-link")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:url("./di.svg#external-link-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:url("./di.svg#call-grasgroen")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:url("./di.svg#call-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:url("./di.svg#email-grasgroen")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:url("./di.svg#email-scampi")}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./di.svg#download-zwart")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./di.svg#external-link-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./di.svg#call-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./di.svg#email-zwart")}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./di.svg#download-zwart")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./di.svg#external-link-zwart")}:host([wijzigactie=verwijder]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./di.svg#call-zwart")}:host([wijzigactie=verwijder]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./di.svg#email-zwart")}:host([wijzigactie=verwijder]){text-decoration:line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const n=t;const d=class{constructor(r){o(this,r);this.dsoClick=e(this,"dsoClick",3);this.clickHandler=o=>{if(!this.href){return}this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:a(o)})};this.wijzigactie=undefined;this.naam=undefined;this.href=undefined}render(){const o=this.href?r("a",{class:"content",href:this.href,onClick:this.clickHandler},r("dso-renvooi",{value:this.naam})):r("span",{class:"content"},r("dso-renvooi",{value:this.naam}));return r(i,{key:"13790a8ac017fe49686a883e7c847480635d086d",symbol:r("dso-icon",{icon:"land"}),title:o})}};d.style=n;export{d as dso_annotation_kaart};
+//# sourceMappingURL=p-e7a14497.entry.js.map

package/dist/dso-toolkit/{p-ea87d930.entry.js.map → p-e7a14497.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["annotationCss","DsoAnnotationKaartStyle0","AnnotationKaart","this","clickHandler","e","href","dsoClick","emit","originalEvent","isModifiedEvent","render","title","h","class","onClick","value","naam","AnnotationBody","key","symbol","icon"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-kaart&encapsulation=shadow","src/components/annotation/annotation-kaart/annotation-kaart.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n\r\n:host {\r\n  display: block;\r\n  padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n\r\n.annotation-data {\r\n  font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Prop, h, Event, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationKaartClickEvent } from \"./annotation-kaart.interfaces\";\r\nimport { isModifiedEvent } from \"../../../utils/is-modified-event\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-annotation-kaart\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationKaart implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * De naam van de kaart.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De url naar de kaart.\r\n   *\r\n   * Gebruik het event `dsoClick` om de navigatie aan de router te koppelen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href?: string;\r\n\r\n  /**\r\n   * Event als de gebruiker de kaartnaam selecteert.\r\n   *\r\n   * Let op \"isModifiedEvent\" om te bepalen of de navigatieactie door de router of de browser moet worden afgehandeld.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<AnnotationKaartClickEvent>;\r\n\r\n  private clickHandler = (e: MouseEvent): void => {\r\n    if (!this.href) {\r\n      return;\r\n    }\r\n\r\n    this.dsoClick.emit({\r\n      href: this.href,\r\n      originalEvent: e,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const title = this.href ? (\r\n      <a class=\"content\" href={this.href} onClick={this.clickHandler}>\r\n        <dso-renvooi value={this.naam} />\r\n      </a>\r\n    ) : (\r\n      <span class=\"content\">\r\n        <dso-renvooi value={this.naam} />\r\n      </span>\r\n    );\r\n\r\n    return <AnnotationBody symbol={<dso-icon icon=\"land\" />} title={title} />;\r\n  }\r\n}\r\n"],"mappings":"0HAAA,MAAMA,EAAgB,sgJACtB,MAAAC,EAAeD,E,MCYFE,EAAe,M,4DA6BlBC,KAAAC,aAAgBC,IACtB,IAAKF,KAAKG,KAAM,CACd,M,CAGFH,KAAKI,SAASC,KAAK,CACjBF,KAAMH,KAAKG,KACXG,cAAeJ,EACfK,gBAAiBA,EAAgBL,IACjC,E,mEAGJ,MAAAM,GACE,MAAMC,EAAQT,KAAKG,KACjBO,EAAA,KAAGC,MAAM,UAAUR,KAAMH,KAAKG,KAAMS,QAASZ,KAAKC,cAChDS,EAAA,eAAaG,MAAOb,KAAKc,QAG3BJ,EAAA,QAAMC,MAAM,WACVD,EAAA,eAAaG,MAAOb,KAAKc,QAI7B,OAAOJ,EAACK,EAAc,CAAAC,IAAA,2CAACC,OAAQP,EAAA,YAAUQ,KAAK,SAAWT,MAAOA,G","ignoreList":[]}
+{"version":3,"names":["annotationCss","DsoAnnotationKaartStyle0","AnnotationKaart","this","clickHandler","e","href","dsoClick","emit","originalEvent","isModifiedEvent","render","title","h","class","onClick","value","naam","AnnotationBody","key","symbol","icon"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-kaart&encapsulation=shadow","src/components/annotation/annotation-kaart/annotation-kaart.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n\r\n:host {\r\n  display: block;\r\n  padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n\r\n.annotation-data {\r\n  font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Prop, h, Event, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationKaartClickEvent } from \"./annotation-kaart.interfaces\";\r\nimport { isModifiedEvent } from \"../../../utils/is-modified-event\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-annotation-kaart\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationKaart implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * De naam van de kaart.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De url naar de kaart.\r\n   *\r\n   * Gebruik het event `dsoClick` om de navigatie aan de router te koppelen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href?: string;\r\n\r\n  /**\r\n   * Event als de gebruiker de kaartnaam selecteert.\r\n   *\r\n   * Let op \"isModifiedEvent\" om te bepalen of de navigatieactie door de router of de browser moet worden afgehandeld.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<AnnotationKaartClickEvent>;\r\n\r\n  private clickHandler = (e: MouseEvent): void => {\r\n    if (!this.href) {\r\n      return;\r\n    }\r\n\r\n    this.dsoClick.emit({\r\n      href: this.href,\r\n      originalEvent: e,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const title = this.href ? (\r\n      <a class=\"content\" href={this.href} onClick={this.clickHandler}>\r\n        <dso-renvooi value={this.naam} />\r\n      </a>\r\n    ) : (\r\n      <span class=\"content\">\r\n        <dso-renvooi value={this.naam} />\r\n      </span>\r\n    );\r\n\r\n    return <AnnotationBody symbol={<dso-icon icon=\"land\" />} title={title} />;\r\n  }\r\n}\r\n"],"mappings":"0HAAA,MAAMA,EAAgB,s1IACtB,MAAAC,EAAeD,E,MCYFE,EAAe,M,4DA6BlBC,KAAAC,aAAgBC,IACtB,IAAKF,KAAKG,KAAM,CACd,M,CAGFH,KAAKI,SAASC,KAAK,CACjBF,KAAMH,KAAKG,KACXG,cAAeJ,EACfK,gBAAiBA,EAAgBL,IACjC,E,mEAGJ,MAAAM,GACE,MAAMC,EAAQT,KAAKG,KACjBO,EAAA,KAAGC,MAAM,UAAUR,KAAMH,KAAKG,KAAMS,QAASZ,KAAKC,cAChDS,EAAA,eAAaG,MAAOb,KAAKc,QAG3BJ,EAAA,QAAMC,MAAM,WACVD,EAAA,eAAaG,MAAOb,KAAKc,QAI7B,OAAOJ,EAACK,EAAc,CAAAC,IAAA,2CAACC,OAAQP,EAAA,YAAUQ,KAAK,SAAWT,MAAOA,G","ignoreList":[]}

package/dist/dso-toolkit/{p-ef087d87.entry.js → p-e8ea7939.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as n,h as e,F as t,a}from"./p-7fc1e494.js";import{i as l}from"./p-2d694112.js";const o=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active,.pagination ul>li>span:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const s=o;const r=class{constructor(e){i(this,e);this.dsoSelectPage=n(this,"dsoSelectPage",7);this.sizePositionsMap={small:7,medium:9,large:11};this.availablePositions=undefined;this.totalPages=undefined;this.currentPage=undefined;this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,n){this.dsoSelectPage.emit({originalEvent:i,page:n,isModifiedEvent:l(i)})}componentDidLoad(){var i;(i=this.responsiveElement)===null||i===void 0?void 0:i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,n,a;if(!this.totalPages){return null}if(this.availablePositions===undefined){return e("dso-responsive-element",{ref:i=>this.responsiveElement=i})}const l=this.availablePositions;const o=(i=this.currentPage)!==null&&i!==void 0?i:0;const s=this.getPages(o,this.availablePositions,this.totalPages);return e("dso-responsive-element",{ref:i=>this.responsiveElement=i},e("nav",{class:"pagination","aria-label":"Paginering"},e("ul",null,e("li",{class:o<=1||o>this.totalPages?"dso-page-hidden":undefined},e("a",{href:this.formatHref((n=s[s.indexOf(o)-1])!==null&&n!==void 0?n:1),"aria-label":"Vorige",onClick:i=>{var n;return o&&this.clickHandler(i,(n=s[s.indexOf(o)-1])!==null&&n!==void 0?n:1)}},e("dso-icon",{icon:"chevron-left"}))),s.map((i=>e(t,null,this.showEllipsisBeforeLast(s,i,l)&&e("li",null,e("span",null,"...")),e("li",{key:i,class:o===i?"active":undefined},o===i?e("span",{"aria-current":"page"},i):e("a",{href:this.formatHref(i),onClick:n=>this.clickHandler(n,i)},i),i===this.totalPages?e("span",{class:"sr-only"}," (laatste pagina)"):null),this.showEllipsisAfterFirst(s,i,l)&&e("li",null,e("span",null,"..."))))),e("li",{class:o<1||o>=this.totalPages?"dso-page-hidden":undefined},e("a",{href:this.formatHref((a=s[s.indexOf(o)+1])!==null&&a!==void 0?a:this.totalPages),"aria-label":"Volgende",onClick:i=>{var n;return o&&this.totalPages&&this.clickHandler(i,(n=s[s.indexOf(o)+1])!==null&&n!==void 0?n:this.totalPages)}},e("dso-icon",{icon:"chevron-right"}))))))}getAvailablePositions(i){if(i%2===0){return i-1}if(i<=3){return 3}return i}getPages(i,n,e){if(e+2<=n){return Array.from({length:e},((i,n)=>n+1))}if(n===3){return[i]}if(n===5){return[1,i,e]}return[1,...this.getPageRange(i,n,e),e]}getPageRange(i,n,e){const t=[];const a=Math.floor(n/2);if(i<=a){for(let i=2;i<=n-4;i++){t.push(i)}}if(i>=a&&i<=e-a){if(a===1){if(i>e-2){t.push(e-2)}t.push(i);if(i<3){t.push(3)}}if(a>1){const n=a-3;for(let l=Math.min(i-n,e-a);l<=Math.max(i+n,a);l++){if(l>2&&l<e-1){t.push(l)}}}}if(i>e-a){for(let i=e-(n-5);i<=e-1;i++){t.push(i)}}return t.filter(((i,n,e)=>e.indexOf(i)===n))}showEllipsisAfterFirst(i,n,e){const t=i[i.length-1];if(!t){throw new Error("No totalPages")}return i.indexOf(n)===0&&t>e-2&&!i.some((i=>i===2))&&e>=7}showEllipsisBeforeLast(i,n,e){const t=i[i.length-1];if(!t){throw new Error("No totalPages")}return i.indexOf(n)===i.length-1&&t>e-2&&!i.some((i=>i===t-1))&&e>=7}get host(){return a(this)}};r.style=s;export{r as dso_pagination};
-//# sourceMappingURL=p-ef087d87.entry.js.map
+import{r as i,c as n,h as e,F as t,a}from"./p-53096a64.js";import{i as l}from"./p-2d694112.js";const o=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active,.pagination ul>li>span:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const s=o;const r=class{constructor(e){i(this,e);this.dsoSelectPage=n(this,"dsoSelectPage",7);this.sizePositionsMap={small:7,medium:9,large:11};this.availablePositions=undefined;this.totalPages=undefined;this.currentPage=undefined;this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,n){this.dsoSelectPage.emit({originalEvent:i,page:n,isModifiedEvent:l(i)})}componentDidLoad(){var i;(i=this.responsiveElement)===null||i===void 0?void 0:i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,n,a;if(!this.totalPages){return null}if(this.availablePositions===undefined){return e("dso-responsive-element",{ref:i=>this.responsiveElement=i})}const l=this.availablePositions;const o=(i=this.currentPage)!==null&&i!==void 0?i:0;const s=this.getPages(o,this.availablePositions,this.totalPages);return e("dso-responsive-element",{ref:i=>this.responsiveElement=i},e("nav",{class:"pagination","aria-label":"Paginering"},e("ul",null,e("li",{class:o<=1||o>this.totalPages?"dso-page-hidden":undefined},e("a",{href:this.formatHref((n=s[s.indexOf(o)-1])!==null&&n!==void 0?n:1),"aria-label":"Vorige",onClick:i=>{var n;return o&&this.clickHandler(i,(n=s[s.indexOf(o)-1])!==null&&n!==void 0?n:1)}},e("dso-icon",{icon:"chevron-left"}))),s.map((i=>e(t,null,this.showEllipsisBeforeLast(s,i,l)&&e("li",null,e("span",null,"...")),e("li",{key:i,class:o===i?"active":undefined},o===i?e("span",{"aria-current":"page"},i):e("a",{href:this.formatHref(i),onClick:n=>this.clickHandler(n,i)},i),i===this.totalPages?e("span",{class:"sr-only"}," (laatste pagina)"):null),this.showEllipsisAfterFirst(s,i,l)&&e("li",null,e("span",null,"..."))))),e("li",{class:o<1||o>=this.totalPages?"dso-page-hidden":undefined},e("a",{href:this.formatHref((a=s[s.indexOf(o)+1])!==null&&a!==void 0?a:this.totalPages),"aria-label":"Volgende",onClick:i=>{var n;return o&&this.totalPages&&this.clickHandler(i,(n=s[s.indexOf(o)+1])!==null&&n!==void 0?n:this.totalPages)}},e("dso-icon",{icon:"chevron-right"}))))))}getAvailablePositions(i){if(i%2===0){return i-1}if(i<=3){return 3}return i}getPages(i,n,e){if(e+2<=n){return Array.from({length:e},((i,n)=>n+1))}if(n===3){return[i]}if(n===5){return[1,i,e]}return[1,...this.getPageRange(i,n,e),e]}getPageRange(i,n,e){const t=[];const a=Math.floor(n/2);if(i<=a){for(let i=2;i<=n-4;i++){t.push(i)}}if(i>=a&&i<=e-a){if(a===1){if(i>e-2){t.push(e-2)}t.push(i);if(i<3){t.push(3)}}if(a>1){const n=a-3;for(let l=Math.min(i-n,e-a);l<=Math.max(i+n,a);l++){if(l>2&&l<e-1){t.push(l)}}}}if(i>e-a){for(let i=e-(n-5);i<=e-1;i++){t.push(i)}}return t.filter(((i,n,e)=>e.indexOf(i)===n))}showEllipsisAfterFirst(i,n,e){const t=i[i.length-1];if(!t){throw new Error("No totalPages")}return i.indexOf(n)===0&&t>e-2&&!i.some((i=>i===2))&&e>=7}showEllipsisBeforeLast(i,n,e){const t=i[i.length-1];if(!t){throw new Error("No totalPages")}return i.indexOf(n)===i.length-1&&t>e-2&&!i.some((i=>i===t-1))&&e>=7}get host(){return a(this)}};r.style=s;export{r as dso_pagination};
+//# sourceMappingURL=p-e8ea7939.entry.js.map

package/dist/dso-toolkit/{p-8bc5ab4d.entry.js → p-ef108c9f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,F as a}from"./p-7fc1e494.js";const d=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:units.$u1;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}";const s=d;const l=class{constructor(t){e(this,t);this.label=undefined}render(){return t(a,null,t("div",{key:"b32c96f3ae0a3b156b1f00fd7af9224017f83162",class:"project-item-header"},t("div",{key:"c625657f0b8dbc262db30c84492af07c21cb23a3",class:"project-item-title"},t("slot",{key:"04850d81b1e373c68993c40e26c0a955f6306c9f",name:"title"}),this.label&&t("dso-label",{key:"a1936df3ee345f56581217d81312f324e383ace5",status:"danger",compact:true},this.label)),t("div",{key:"e6548e70221ad64b2a1ab5bbeed28a848d4d1a1c",class:"project-item-actions"},t("slot",{key:"72da7430b195e6eec765472c1ff6bb0f8f76635c",name:"actions"}))),t("div",{key:"d28a9d18ea89e64f7ac4fafdbc6d7ccc313fc0e7",class:"project-item-info"},t("div",{key:"7298f09e13a9a648e88b31468993bcb1de4892f0",class:"project-item-progress"},t("slot",{key:"e6593dd6a34963926733dc77148d17d9a20aa481",name:"progress"})),t("div",{key:"f12eb4f1f9eeb9cbee07d42097b6d3909472bf42",class:"project-item-status"},t("slot",{key:"fc868a7759e22495b59ebea7acadf05f3233d6b4",name:"status"}))))}};l.style=s;export{l as dso_project_item};
-//# sourceMappingURL=p-8bc5ab4d.entry.js.map
+import{r as e,h as t,F as a}from"./p-53096a64.js";const d=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:units.$u1;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}";const s=d;const l=class{constructor(t){e(this,t);this.label=undefined}render(){return t(a,null,t("div",{key:"b32c96f3ae0a3b156b1f00fd7af9224017f83162",class:"project-item-header"},t("div",{key:"c625657f0b8dbc262db30c84492af07c21cb23a3",class:"project-item-title"},t("slot",{key:"04850d81b1e373c68993c40e26c0a955f6306c9f",name:"title"}),this.label&&t("dso-label",{key:"a1936df3ee345f56581217d81312f324e383ace5",status:"danger",compact:true},this.label)),t("div",{key:"e6548e70221ad64b2a1ab5bbeed28a848d4d1a1c",class:"project-item-actions"},t("slot",{key:"72da7430b195e6eec765472c1ff6bb0f8f76635c",name:"actions"}))),t("div",{key:"d28a9d18ea89e64f7ac4fafdbc6d7ccc313fc0e7",class:"project-item-info"},t("div",{key:"7298f09e13a9a648e88b31468993bcb1de4892f0",class:"project-item-progress"},t("slot",{key:"e6593dd6a34963926733dc77148d17d9a20aa481",name:"progress"})),t("div",{key:"f12eb4f1f9eeb9cbee07d42097b6d3909472bf42",class:"project-item-status"},t("slot",{key:"fc868a7759e22495b59ebea7acadf05f3233d6b4",name:"status"}))))}};l.style=s;export{l as dso_project_item};
+//# sourceMappingURL=p-ef108c9f.entry.js.map

package/dist/dso-toolkit/p-f02dcd60.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,f as o,h as r,H as t,a as n}from"./p-53096a64.js";import{i as d}from"./p-2d694112.js";const i='a{background-color:transparent;color:var(--link-color);text-decoration:underline}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:url("./di.svg#download")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:url("./di.svg#download-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:url("./di.svg#external-link")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:url("./di.svg#external-link-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:url("./di.svg#call-grasgroen")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:url("./di.svg#call-scampi")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:url("./di.svg#email-grasgroen")}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:url("./di.svg#email-scampi")}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=selectable]){font-size:0 !important}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';const s=i;const c=class{constructor(o){e(this,o);this.dsoCardClick=a(this,"dsoCardClick",7);this.href=undefined;this.mode=undefined;this.active=undefined}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=this.selectableSlottedElement!==null;return r(t,{key:"10c83534a51247b21f0cd43788b5401bb3b7cfe4","is-selectable":e},r("div",{key:"1777c1843f484ca91631c8a177af1e596515313d",class:"dso-card-container"},r("div",{key:"da813c4a48eceb0a2032717c92f06b710241ed70",class:"dso-card-selectable",hidden:!e},r("slot",{key:"5c9332821517bd1a472b2ecd1ab2614adee16927",name:"selectable"})),r("div",{key:"701a3a2dc0d013bfa1f50eddcb4cf8759c7f4241",class:"dso-card-heading"},this.mode==="extern"&&r("a",{key:"760d6e6a0ab5acc994ed46a50a792db3c6647b6a",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"d7c1eb29fc027e72c33efc97aa43d82d8a852b64",name:"heading"}),r("dso-icon",{key:"47bb43f25b70e3389f0f021cfd184d21b5ce4c25",icon:"external-link"}),r("span",{key:"7ca3f4c4974342f115a608729e2df6bcf24a88df",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||this.mode==="download"&&r("a",{key:"4ae333ab348d7d8c3a4bf1dae8ac9dd923a226e0",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"0d6308ffb5d5151865ca5080834d68742cc4e90a",name:"heading"}),r("dso-icon",{key:"51317cdfc3378774e61950e9e344df659727d003",icon:"download"}))||r("a",{key:"cbf7cfe050923e32a0b4322cf73a98450defa97f",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"99a1e24503833f13756b0d6e8433d314865f1fe8",name:"heading"}),r("dso-icon",{key:"5425cb2e9285b8252de9ee13dd08b51e834d89d3",icon:"chevron-right"})),this.interactionsSlottedElement!==null&&r("slot",{key:"ce04ab4923fd97fbbea799d4937d0a2f73c781a3",name:"interactions"})),r("div",{key:"232a855da9fead8f448bbea8729231688387f4a7",class:"dso-card-content"},r("slot",{key:"73fd2ccecbd49456b44c42c737f4aa75922910eb",name:"content"}))))}get host(){return n(this)}};c.style=s;export{c as dso_card};
+//# sourceMappingURL=p-f02dcd60.entry.js.map

package/dist/dso-toolkit/{p-b9023062.entry.js.map → p-f02dcd60.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardCss","DsoCardStyle0","Card","connectedCallback","this","mutationObserver","MutationObserver","forceUpdate","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","dsoCardClick","emit","originalEvent","isModifiedEvent","selectableSlottedElement","querySelector","interactionsSlottedElement","render","isSelectable","h","Host","key","class","hidden","name","mode","rel","onClick","icon"],"sources":["src/components/card/card.scss?tag=dso-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/components/card\";\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([is-selectable]:not([is-selectable=\"false\"])) {\r\n  .dso-card-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr minmax(0, 100%);\r\n\r\n    .dso-card-heading,\r\n    .dso-card-content {\r\n      grid-column: 2 /-1;\r\n    }\r\n\r\n    .dso-card-selectable {\r\n      grid-row: span 2;\r\n    }\r\n  }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n  .dso-card-container {\r\n    background-color: card.$background-color-active;\r\n  }\r\n}\r\n\r\n.dso-card-container {\r\n  padding-block: units.$u2;\r\n  padding-inline: units.$u2;\r\n  inline-size: 100%;\r\n  block-size: 100%;\r\n\r\n  &:has(.dso-card-heading a:is(:hover, :focus-visible)) {\r\n    background-color: card.$background-color-hover;\r\n  }\r\n\r\n  .dso-card-heading {\r\n    align-items: center;\r\n    display: flex;\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    + .dso-card-content {\r\n      margin-block-start: units.$u1;\r\n    }\r\n  }\r\n}\r\n\r\n.heading-anchor {\r\n  display: flex;\r\n  gap: units.$u1 * 0.5;\r\n\r\n  color: card.$heading-anchor-color;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: card.$heading-anchor-hover-color;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  &:visited {\r\n    color: card.$heading-anchor-color;\r\n  }\r\n\r\n  dso-icon {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n::slotted([slot=\"selectable\"]) {\r\n  font-size: 0 !important;\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n\r\n  margin-block-end: 0 !important;\r\n  margin-block-start: 0 !important;\r\n\r\n  font-size: 1.125em !important;\r\n  font-weight: 700 !important;\r\n  color: colors.$bosgroen !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n::slotted([slot=\"content\"]) {\r\n  --_dt-rich-content-margin-block: #{units.$u1};\r\n  --_dt-rich-content-margin-block-end: 0;\r\n  --_dt-rich-content-margin-block-start: 0;\r\n}\r\n\r\n::slotted([slot=\"interactions\"]) {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  margin-inline-start: auto !important;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    flex-basis: 100% !important;\r\n    margin-block-start: units.$u2 !important;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, forceUpdate } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { CardClickEvent } from \"./card.interfaces\";\r\n\r\n/**\r\n * @slot selectable - An optional slot to place a `Selectable` in.\r\n * @slot heading - A  slot to place the title of the card in.\r\n * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.\r\n * @slot content - An optional slot to place `Rich Content` in.\r\n */\r\n@Component({\r\n  tag: \"dso-card\",\r\n  styleUrl: \"card.scss\",\r\n  shadow: true,\r\n})\r\nexport class Card implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoCardElement;\r\n\r\n  /**\r\n   * The URL to which the Card heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Display the link as an external link or a download link\r\n   *  - \"download\"\r\n   *  - \"extern\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode?: string;\r\n\r\n  /**\r\n   * Makes the Card active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the Card heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoCardClick!: EventEmitter<CardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\"[slot='selectable']\");\r\n  }\r\n\r\n  get interactionsSlottedElement() {\r\n    return this.host.querySelector(\"[slot='interactions']\");\r\n  }\r\n\r\n  render() {\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host is-selectable={isSelectable}>\r\n        <div class=\"dso-card-container\">\r\n          <div class=\"dso-card-selectable\" hidden={!isSelectable}>\r\n            <slot name=\"selectable\" />\r\n          </div>\r\n          <div class=\"dso-card-heading\">\r\n            {(this.mode === \"extern\" && (\r\n              <a\r\n                href={this.href}\r\n                class=\"heading-anchor\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                onClick={(e) => this.clickEventHandler(e)}\r\n              >\r\n                <slot name=\"heading\" />\r\n                <dso-icon icon=\"external-link\"></dso-icon>\r\n                <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n              </a>\r\n            )) ||\r\n              (this.mode === \"download\" && (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"download\"></dso-icon>\r\n                </a>\r\n              )) || (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                </a>\r\n              )}\r\n            {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n          </div>\r\n          <div class=\"dso-card-content\">\r\n            <slot name=\"content\" />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sGAAA,MAAMA,EAAU,u0IAChB,MAAAC,EAAeD,E,MCgBFE,EAAI,M,kIAgCf,iBAAAC,GACEC,KAAKC,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYH,KAAKI,QAEpEJ,KAAKC,iBAAiBI,QAAQL,KAAKI,KAAM,CAAEE,WAAY,KAAMC,UAAW,M,CAG1E,oBAAAC,G,OACEC,EAAAT,KAAKC,oBAAgB,MAAAQ,SAAA,SAAAA,EAAEC,oBAEhBV,KAAKC,gB,CAGN,iBAAAU,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAiBd,KAAKe,KAAM,CACpD,M,CAGF,OAAOf,KAAKgB,aAAaC,KAAK,CAAEC,cAAeN,EAAGO,gBAAiBA,EAAgBP,I,CAGrF,4BAAIQ,GACF,OAAOpB,KAAKI,KAAKiB,cAAc,sB,CAGjC,8BAAIC,GACF,OAAOtB,KAAKI,KAAKiB,cAAc,wB,CAGjC,MAAAE,GACE,MAAMC,EAAexB,KAAKoB,2BAA6B,KAEvD,OACEK,EAACC,EAAI,CAAAC,IAAA,2DAAgBH,GACnBC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBC,QAASL,GACxCC,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACP5B,KAAK+B,OAAS,UACdN,EAAA,KAAAE,IAAA,2CACEZ,KAAMf,KAAKe,KACXa,MAAM,iBACNf,OAAO,SACPmB,IAAI,sBACJC,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAEvCa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,kBACfT,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAS,6CAGtB5B,KAAK+B,OAAS,YACbN,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,eAGjBT,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,mBAGpBlC,KAAKsB,6BAA+B,MAAQG,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAE1DL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,c","ignoreList":[]}
+{"version":3,"names":["cardCss","DsoCardStyle0","Card","connectedCallback","this","mutationObserver","MutationObserver","forceUpdate","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","dsoCardClick","emit","originalEvent","isModifiedEvent","selectableSlottedElement","querySelector","interactionsSlottedElement","render","isSelectable","h","Host","key","class","hidden","name","mode","rel","onClick","icon"],"sources":["src/components/card/card.scss?tag=dso-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/components/card\";\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([is-selectable]:not([is-selectable=\"false\"])) {\r\n  .dso-card-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr minmax(0, 100%);\r\n\r\n    .dso-card-heading,\r\n    .dso-card-content {\r\n      grid-column: 2 /-1;\r\n    }\r\n\r\n    .dso-card-selectable {\r\n      grid-row: span 2;\r\n    }\r\n  }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n  .dso-card-container {\r\n    background-color: card.$background-color-active;\r\n  }\r\n}\r\n\r\n.dso-card-container {\r\n  padding-block: units.$u2;\r\n  padding-inline: units.$u2;\r\n  inline-size: 100%;\r\n  block-size: 100%;\r\n\r\n  &:has(.dso-card-heading a:is(:hover, :focus-visible)) {\r\n    background-color: card.$background-color-hover;\r\n  }\r\n\r\n  .dso-card-heading {\r\n    align-items: center;\r\n    display: flex;\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    + .dso-card-content {\r\n      margin-block-start: units.$u1;\r\n    }\r\n  }\r\n}\r\n\r\n.heading-anchor {\r\n  display: flex;\r\n  gap: units.$u1 * 0.5;\r\n\r\n  color: card.$heading-anchor-color;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: card.$heading-anchor-hover-color;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  &:visited {\r\n    color: card.$heading-anchor-color;\r\n  }\r\n\r\n  dso-icon {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n::slotted([slot=\"selectable\"]) {\r\n  font-size: 0 !important;\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n\r\n  margin-block-end: 0 !important;\r\n  margin-block-start: 0 !important;\r\n\r\n  font-size: 1.125em !important;\r\n  font-weight: 700 !important;\r\n  color: colors.$bosgroen !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n::slotted([slot=\"content\"]) {\r\n  --_dt-rich-content-margin-block: #{units.$u1};\r\n  --_dt-rich-content-margin-block-end: 0;\r\n  --_dt-rich-content-margin-block-start: 0;\r\n}\r\n\r\n::slotted([slot=\"interactions\"]) {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  margin-inline-start: auto !important;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    flex-basis: 100% !important;\r\n    margin-block-start: units.$u2 !important;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, forceUpdate } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { CardClickEvent } from \"./card.interfaces\";\r\n\r\n/**\r\n * @slot selectable - An optional slot to place a `Selectable` in.\r\n * @slot heading - A  slot to place the title of the card in.\r\n * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.\r\n * @slot content - An optional slot to place `Rich Content` in.\r\n */\r\n@Component({\r\n  tag: \"dso-card\",\r\n  styleUrl: \"card.scss\",\r\n  shadow: true,\r\n})\r\nexport class Card implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoCardElement;\r\n\r\n  /**\r\n   * The URL to which the Card heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Display the link as an external link or a download link\r\n   *  - \"download\"\r\n   *  - \"extern\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode?: string;\r\n\r\n  /**\r\n   * Makes the Card active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the Card heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoCardClick!: EventEmitter<CardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\"[slot='selectable']\");\r\n  }\r\n\r\n  get interactionsSlottedElement() {\r\n    return this.host.querySelector(\"[slot='interactions']\");\r\n  }\r\n\r\n  render() {\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host is-selectable={isSelectable}>\r\n        <div class=\"dso-card-container\">\r\n          <div class=\"dso-card-selectable\" hidden={!isSelectable}>\r\n            <slot name=\"selectable\" />\r\n          </div>\r\n          <div class=\"dso-card-heading\">\r\n            {(this.mode === \"extern\" && (\r\n              <a\r\n                href={this.href}\r\n                class=\"heading-anchor\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                onClick={(e) => this.clickEventHandler(e)}\r\n              >\r\n                <slot name=\"heading\" />\r\n                <dso-icon icon=\"external-link\"></dso-icon>\r\n                <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n              </a>\r\n            )) ||\r\n              (this.mode === \"download\" && (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"download\"></dso-icon>\r\n                </a>\r\n              )) || (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                </a>\r\n              )}\r\n            {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n          </div>\r\n          <div class=\"dso-card-content\">\r\n            <slot name=\"content\" />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAAA,MAAMA,EAAU,+uIAChB,MAAAC,EAAeD,E,MCgBFE,EAAI,M,kIAgCf,iBAAAC,GACEC,KAAKC,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYH,KAAKI,QAEpEJ,KAAKC,iBAAiBI,QAAQL,KAAKI,KAAM,CAAEE,WAAY,KAAMC,UAAW,M,CAG1E,oBAAAC,G,OACEC,EAAAT,KAAKC,oBAAgB,MAAAQ,SAAA,SAAAA,EAAEC,oBAEhBV,KAAKC,gB,CAGN,iBAAAU,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAiBd,KAAKe,KAAM,CACpD,M,CAGF,OAAOf,KAAKgB,aAAaC,KAAK,CAAEC,cAAeN,EAAGO,gBAAiBA,EAAgBP,I,CAGrF,4BAAIQ,GACF,OAAOpB,KAAKI,KAAKiB,cAAc,sB,CAGjC,8BAAIC,GACF,OAAOtB,KAAKI,KAAKiB,cAAc,wB,CAGjC,MAAAE,GACE,MAAMC,EAAexB,KAAKoB,2BAA6B,KAEvD,OACEK,EAACC,EAAI,CAAAC,IAAA,2DAAgBH,GACnBC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBC,QAASL,GACxCC,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACP5B,KAAK+B,OAAS,UACdN,EAAA,KAAAE,IAAA,2CACEZ,KAAMf,KAAKe,KACXa,MAAM,iBACNf,OAAO,SACPmB,IAAI,sBACJC,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAEvCa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,kBACfT,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAS,6CAGtB5B,KAAK+B,OAAS,YACbN,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,eAGjBT,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,mBAGpBlC,KAAKsB,6BAA+B,MAAQG,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAE1DL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,c","ignoreList":[]}

package/dist/dso-toolkit/{p-08121fee.entry.js → p-f17bf401.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as n,h as t,H as i,a as o}from"./p-7fc1e494.js";import{c as s}from"./p-8a1a6e56.js";const a=":host {\n  display: block;\n  padding-block: 4px;\n  padding-inline: 4px;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.legend-item {\n  display: flex;\n  position: relative;\n}\n.legend-item.legend-item-symbol + .body {\n  margin-inline-start: 38px;\n}\n.legend-item.legend-item-selectable + .body {\n  margin-inline-start: 32px;\n}\n.legend-item.legend-item-selectable.legend-item-symbol + .body {\n  margin-inline-start: 70px;\n}\n\nbutton {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton:focus, button:focus-visible {\n  outline-offset: 2px;\n}\nbutton:active {\n  outline: 0;\n}\nbutton {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton[disabled] {\n  color: #afcf9d;\n}\nbutton[disabled].dso-spinner-left, button[disabled].dso-spinner-right {\n  color: #39870c;\n}\nbutton:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton:not([disabled]):active {\n  color: #173521;\n}\nbutton.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\nbutton.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nbutton.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton > span {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\nbutton {\n  position: absolute;\n  inset-inline-end: 0;\n}";const r=a;const d=class{constructor(t){e(this,t);this.dsoRemoveClick=n(this,"dsoRemoveClick",7);this.dsoMouseEnter=n(this,"dsoMouseEnter",7);this.dsoMouseLeave=n(this,"dsoMouseLeave",7);this.disabled=false;this.disabledMessage=undefined;this.removable=undefined;this.showBody=false}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get selectableSlottedElement(){return this.host.querySelector(":scope > dso-selectable")}get bodySlottedElement(){return this.host.querySelector("[slot='body']")}render(){const e=this.symbolSlottedElement!==null;const n=this.bodySlottedElement!==null;const o=this.selectableSlottedElement!==null;return t(i,{key:"f3ed2e3af15bc7afaefe3e7dc1867e5d009343a9",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},t("div",{key:"426bdfbe6aee907c9999a3deb7651fffbafee29b",class:s("legend-item",{"legend-item-symbol":e,"legend-item-selectable":o})},t("div",{key:"4745ac64124b02f4744d7d8b1c1b58e6d6b8cb7c",hidden:!e},t("slot",{key:"16557ca73d29fe764a5d830036e5e4b38adc5c15",name:"symbol"})),t("div",{key:"50545fc88deb5d382a473b4e379a16a178de041d"},t("slot",{key:"9b0d7272f4d3fa3aad9041ebd08641bce90eded8"})),this.disabled&&this.disabledMessage&&t("dso-toggletip",{key:"489ada2ea0a5c9119929a96a53a03753543c79f7",position:"bottom"},this.disabledMessage),this.removable&&t("button",{key:"16853ececc9b1281edca10fd0713eaa561f75d81",id:"remove-button",type:"button",onClick:e=>this.dsoRemoveClick.emit({originalEvent:e})},t("span",{key:"b8ec91d205b0e46c2ac67cc3c55c8aad0719d874",class:"sr-only"},"Legenda item verwijderen"),t("dso-icon",{key:"4768c9bf633e54e6ad4b391a4c7cce38029ebe4f",icon:"trash"})),n&&!this.disabled&&t("button",{key:"dca39e77e8506bf21c008c0ea7cc3c615d0037eb",id:"edit-button",type:"button",onClick:()=>this.showBody=!this.showBody},t("span",{key:"a79baa28a2f466d2accba74b9440cd4cb0afdf7e",class:"sr-only"},"Legenda item aanpassen"),t("dso-icon",{key:"80bd62ff175e0913bcbed1031be74a9f41cdfbdf",icon:this.showBody?"times":"more"}))),t("div",{key:"c2aa88a49822109a0d4e8c110e0467b29d1fe764",hidden:!n||this.disabled||!this.showBody,class:"body"},t("slot",{key:"4cd3703e27f8d3b847aad0f59783a6a65363c60b",name:"body"})))}get host(){return o(this)}};d.style=r;export{d as dso_legend_item};
-//# sourceMappingURL=p-08121fee.entry.js.map
+import{r as e,c as n,h as t,H as i,a as o}from"./p-53096a64.js";import{c as s}from"./p-8a1a6e56.js";const a=":host {\n  display: block;\n  padding-block: 4px;\n  padding-inline: 4px;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.legend-item {\n  display: flex;\n  position: relative;\n}\n.legend-item.legend-item-symbol + .body {\n  margin-inline-start: 38px;\n}\n.legend-item.legend-item-selectable + .body {\n  margin-inline-start: 32px;\n}\n.legend-item.legend-item-selectable.legend-item-symbol + .body {\n  margin-inline-start: 70px;\n}\n\nbutton {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton:focus, button:focus-visible {\n  outline-offset: 2px;\n}\nbutton:active {\n  outline: 0;\n}\nbutton {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton[disabled] {\n  color: #afcf9d;\n}\nbutton[disabled].dso-spinner-left, button[disabled].dso-spinner-right {\n  color: #39870c;\n}\nbutton:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton:not([disabled]):active {\n  color: #173521;\n}\nbutton.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\nbutton.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nbutton.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton > span {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\nbutton {\n  position: absolute;\n  inset-inline-end: 0;\n}";const r=a;const d=class{constructor(t){e(this,t);this.dsoRemoveClick=n(this,"dsoRemoveClick",7);this.dsoMouseEnter=n(this,"dsoMouseEnter",7);this.dsoMouseLeave=n(this,"dsoMouseLeave",7);this.disabled=false;this.disabledMessage=undefined;this.removable=undefined;this.showBody=false}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get selectableSlottedElement(){return this.host.querySelector(":scope > dso-selectable")}get bodySlottedElement(){return this.host.querySelector("[slot='body']")}render(){const e=this.symbolSlottedElement!==null;const n=this.bodySlottedElement!==null;const o=this.selectableSlottedElement!==null;return t(i,{key:"f3ed2e3af15bc7afaefe3e7dc1867e5d009343a9",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},t("div",{key:"426bdfbe6aee907c9999a3deb7651fffbafee29b",class:s("legend-item",{"legend-item-symbol":e,"legend-item-selectable":o})},t("div",{key:"4745ac64124b02f4744d7d8b1c1b58e6d6b8cb7c",hidden:!e},t("slot",{key:"16557ca73d29fe764a5d830036e5e4b38adc5c15",name:"symbol"})),t("div",{key:"50545fc88deb5d382a473b4e379a16a178de041d"},t("slot",{key:"9b0d7272f4d3fa3aad9041ebd08641bce90eded8"})),this.disabled&&this.disabledMessage&&t("dso-toggletip",{key:"489ada2ea0a5c9119929a96a53a03753543c79f7",position:"bottom"},this.disabledMessage),this.removable&&t("button",{key:"16853ececc9b1281edca10fd0713eaa561f75d81",id:"remove-button",type:"button",onClick:e=>this.dsoRemoveClick.emit({originalEvent:e})},t("span",{key:"b8ec91d205b0e46c2ac67cc3c55c8aad0719d874",class:"sr-only"},"Legenda item verwijderen"),t("dso-icon",{key:"4768c9bf633e54e6ad4b391a4c7cce38029ebe4f",icon:"trash"})),n&&!this.disabled&&t("button",{key:"dca39e77e8506bf21c008c0ea7cc3c615d0037eb",id:"edit-button",type:"button",onClick:()=>this.showBody=!this.showBody},t("span",{key:"a79baa28a2f466d2accba74b9440cd4cb0afdf7e",class:"sr-only"},"Legenda item aanpassen"),t("dso-icon",{key:"80bd62ff175e0913bcbed1031be74a9f41cdfbdf",icon:this.showBody?"times":"more"}))),t("div",{key:"c2aa88a49822109a0d4e8c110e0467b29d1fe764",hidden:!n||this.disabled||!this.showBody,class:"body"},t("slot",{key:"4cd3703e27f8d3b847aad0f59783a6a65363c60b",name:"body"})))}get host(){return o(this)}};d.style=r;export{d as dso_legend_item};
+//# sourceMappingURL=p-f17bf401.entry.js.map

package/dist/dso-toolkit/{p-10e0d3c8.entry.js → p-f26ade44.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,c as i,H as n,a as s}from"./p-7fc1e494.js";import{c as a}from"./p-8a1a6e56.js";const o=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=o;const d=class{constructor(t){e(this,t);this.count=undefined}render(){return t("span",{key:"cd8239d516bd4ea96cdb3d6273d092e1441aa5bb",class:"dso-attachments"},this.count," ",t("span",{key:"b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786",class:"sr-only"},"bijlage",this.count!==1?"n":""),t("dso-icon",{key:"2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e",icon:"paperclip"}))}};d.style=r;const l=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";const b=l;const c=class{constructor(t){e(this,t);this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3);this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.isClosed=true}toggleOpen(){if(!this.enableAnimation){this.isClosed=!this.open}}transitionstartHandler(e){if(e.propertyName==="grid-template-rows"){this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}}transitionendHandler(e){if(e.propertyName==="grid-template-rows"){this.isClosed=!this.open;this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open})}}render(){return t(n,{key:"a96a5d368bb844e3598b290ae43a35c80d98df21","aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"52544669ddbf2b2fd7c3c9066ff351ec7461841a",class:"slot-container"},t("slot",{key:"a1f810275d75983b6e584092fe576bd1d54e116d"})))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};c.style=b;export{d as dso_attachments_counter,c as dso_expandable};
-//# sourceMappingURL=p-10e0d3c8.entry.js.map
+import{r as e,h as t,c as i,H as n,a as s}from"./p-53096a64.js";import{c as a}from"./p-8a1a6e56.js";const o=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=o;const d=class{constructor(t){e(this,t);this.count=undefined}render(){return t("span",{key:"cd8239d516bd4ea96cdb3d6273d092e1441aa5bb",class:"dso-attachments"},this.count," ",t("span",{key:"b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786",class:"sr-only"},"bijlage",this.count!==1?"n":""),t("dso-icon",{key:"2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e",icon:"paperclip"}))}};d.style=r;const l=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";const b=l;const c=class{constructor(t){e(this,t);this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3);this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.isClosed=true}toggleOpen(){if(!this.enableAnimation){this.isClosed=!this.open}}transitionstartHandler(e){if(e.propertyName==="grid-template-rows"){this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}}transitionendHandler(e){if(e.propertyName==="grid-template-rows"){this.isClosed=!this.open;this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open})}}render(){return t(n,{key:"a96a5d368bb844e3598b290ae43a35c80d98df21","aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"52544669ddbf2b2fd7c3c9066ff351ec7461841a",class:"slot-container"},t("slot",{key:"a1f810275d75983b6e584092fe576bd1d54e116d"})))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};c.style=b;export{d as dso_attachments_counter,c as dso_expandable};
+//# sourceMappingURL=p-f26ade44.entry.js.map

package/dist/dso-toolkit/p-f279a706.js

@@ -0,0 +1,2 @@
+const t=t=>typeof t==="string";const e=()=>{let t;let e;const i=new Promise(((i,s)=>{t=i;e=s}));i.resolve=t;i.reject=e;return i};const i=t=>{if(t==null)return"";return""+t};const s=(t,e,i)=>{t.forEach((t=>{if(e[t])i[t]=e[t]}))};const n=/###/g;const r=t=>t&&t.indexOf("###")>-1?t.replace(n,"."):t;const o=e=>!e||t(e);const f=(e,i,s)=>{const n=!t(i)?i:i.split(".");let f=0;while(f<n.length-1){if(o(e))return{};const t=r(n[f]);if(!e[t]&&s)e[t]=new s;if(Object.prototype.hasOwnProperty.call(e,t)){e=e[t]}else{e={}}++f}if(o(e))return{};return{obj:e,k:r(n[f])}};const h=(t,e,i)=>{const{obj:s,k:n}=f(t,e,Object);if(s!==undefined||e.length===1){s[n]=i;return}let r=e[e.length-1];let o=e.slice(0,e.length-1);let h=f(t,o,Object);while(h.obj===undefined&&o.length){r=`${o[o.length-1]}.${r}`;o=o.slice(0,o.length-1);h=f(t,o,Object);if(h?.obj&&typeof h.obj[`${h.k}.${r}`]!=="undefined"){h.obj=undefined}}h.obj[`${h.k}.${r}`]=i};const a=(t,e,i,s)=>{const{obj:n,k:r}=f(t,e,Object);n[r]=n[r]||[];n[r].push(i)};const u=(t,e)=>{const{obj:i,k:s}=f(t,e);if(!i)return undefined;return i[s]};const l=(t,e,i)=>{const s=u(t,i);if(s!==undefined){return s}return u(e,i)};const c=(e,i,s)=>{for(const n in i){if(n!=="__proto__"&&n!=="constructor"){if(n in e){if(t(e[n])||e[n]instanceof String||t(i[n])||i[n]instanceof String){if(s)e[n]=i[n]}else{c(e[n],i[n],s)}}else{e[n]=i[n]}}}return e};const d=t=>t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&");var p={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};const g=e=>{if(t(e)){return e.replace(/[&<>"'\/]/g,(t=>p[t]))}return e};class y{constructor(t){this.capacity=t;this.regExpMap=new Map;this.regExpQueue=[]}getRegExp(t){const e=this.regExpMap.get(t);if(e!==undefined){return e}const i=new RegExp(t);if(this.regExpQueue.length===this.capacity){this.regExpMap.delete(this.regExpQueue.shift())}this.regExpMap.set(t,i);this.regExpQueue.push(t);return i}}const m=[" ",",","?","!",";"];const $=new y(20);const b=(t,e,i)=>{e=e||"";i=i||"";const s=m.filter((t=>e.indexOf(t)<0&&i.indexOf(t)<0));if(s.length===0)return true;const n=$.getRegExp(`(${s.map((t=>t==="?"?"\\?":t)).join("|")})`);let r=!n.test(t);if(!r){const e=t.indexOf(i);if(e>0&&!n.test(t.substring(0,e))){r=true}}return r};const w=function(t,e){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:".";if(!t)return undefined;if(t[e])return t[e];const s=e.split(i);let n=t;for(let t=0;t<s.length;){if(!n||typeof n!=="object"){return undefined}let e;let r="";for(let o=t;o<s.length;++o){if(o!==t){r+=i}r+=s[o];e=n[r];if(e!==undefined){if(["string","number","boolean"].indexOf(typeof e)>-1&&o<s.length-1){continue}t+=o-t+1;break}}n=e}return n};const x=t=>t?.replace("_","-");const v={type:"logger",log(t){this.output("log",t)},warn(t){this.output("warn",t)},error(t){this.output("error",t)},output(t,e){console?.[t]?.apply?.(console,e)}};class j{constructor(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};this.init(t,e)}init(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};this.prefix=e.prefix||"i18next:";this.logger=t||v;this.options=e;this.debug=e.debug}log(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.forward(e,"log","",true)}warn(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.forward(e,"warn","",true)}error(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.forward(e,"error","")}deprecate(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.forward(e,"warn","WARNING DEPRECATED: ",true)}forward(e,i,s,n){if(n&&!this.debug)return null;if(t(e[0]))e[0]=`${s}${this.prefix} ${e[0]}`;return this.logger[i](e)}create(t){return new j(this.logger,{...{prefix:`${this.prefix}:${t}:`},...this.options})}clone(t){t=t||this.options;t.prefix=t.prefix||this.prefix;return new j(this.logger,t)}}var O=new j;class S{constructor(){this.observers={}}on(t,e){t.split(" ").forEach((t=>{if(!this.observers[t])this.observers[t]=new Map;const i=this.observers[t].get(e)||0;this.observers[t].set(e,i+1)}));return this}off(t,e){if(!this.observers[t])return;if(!e){delete this.observers[t];return}this.observers[t].delete(e)}emit(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++){i[s-1]=arguments[s]}if(this.observers[t]){const e=Array.from(this.observers[t].entries());e.forEach((t=>{let[e,s]=t;for(let t=0;t<s;t++){e(...i)}}))}if(this.observers["*"]){const e=Array.from(this.observers["*"].entries());e.forEach((e=>{let[s,n]=e;for(let e=0;e<n;e++){s.apply(s,[t,...i])}}))}}}class k extends S{constructor(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{ns:["translation"],defaultNS:"translation"};super();this.data=t||{};this.options=e;if(this.options.keySeparator===undefined){this.options.keySeparator="."}if(this.options.ignoreJSONStructure===undefined){this.options.ignoreJSONStructure=true}}addNamespaces(t){if(this.options.ns.indexOf(t)<0){this.options.ns.push(t)}}removeNamespaces(t){const e=this.options.ns.indexOf(t);if(e>-1){this.options.ns.splice(e,1)}}getResource(e,i,s){let n=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};const r=n.keySeparator!==undefined?n.keySeparator:this.options.keySeparator;const o=n.ignoreJSONStructure!==undefined?n.ignoreJSONStructure:this.options.ignoreJSONStructure;let f;if(e.indexOf(".")>-1){f=e.split(".")}else{f=[e,i];if(s){if(Array.isArray(s)){f.push(...s)}else if(t(s)&&r){f.push(...s.split(r))}else{f.push(s)}}}const h=u(this.data,f);if(!h&&!i&&!s&&e.indexOf(".")>-1){e=f[0];i=f[1];s=f.slice(2).join(".")}if(h||!o||!t(s))return h;return w(this.data?.[e]?.[i],s,r)}addResource(t,e,i,s){let n=arguments.length>4&&arguments[4]!==undefined?arguments[4]:{silent:false};const r=n.keySeparator!==undefined?n.keySeparator:this.options.keySeparator;let o=[t,e];if(i)o=o.concat(r?i.split(r):i);if(t.indexOf(".")>-1){o=t.split(".");s=e;e=o[1]}this.addNamespaces(e);h(this.data,o,s);if(!n.silent)this.emit("added",t,e,i,s)}addResources(e,i,s){let n=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{silent:false};for(const n in s){if(t(s[n])||Array.isArray(s[n]))this.addResource(e,i,n,s[n],{silent:true})}if(!n.silent)this.emit("added",e,i,s)}addResourceBundle(t,e,i,s,n){let r=arguments.length>5&&arguments[5]!==undefined?arguments[5]:{silent:false,skipCopy:false};let o=[t,e];if(t.indexOf(".")>-1){o=t.split(".");s=i;i=e;e=o[1]}this.addNamespaces(e);let f=u(this.data,o)||{};if(!r.skipCopy)i=JSON.parse(JSON.stringify(i));if(s){c(f,i,n)}else{f={...f,...i}}h(this.data,o,f);if(!r.silent)this.emit("added",t,e,i)}removeResourceBundle(t,e){if(this.hasResourceBundle(t,e)){delete this.data[t][e]}this.removeNamespaces(e);this.emit("removed",t,e)}hasResourceBundle(t,e){return this.getResource(t,e)!==undefined}getResourceBundle(t,e){if(!e)e=this.options.defaultNS;return this.getResource(t,e)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const e=this.getDataByLanguage(t);const i=e&&Object.keys(e)||[];return!!i.find((t=>e[t]&&Object.keys(e[t]).length>0))}toJSON(){return this.data}}var N={processors:{},addPostProcessor(t){this.processors[t.name]=t},handle(t,e,i,s,n){t.forEach((t=>{e=this.processors[t]?.process(e,i,s,n)??e}));return e}};const L={};class R extends S{constructor(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};super();s(["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"],t,this);this.options=e;if(this.options.keySeparator===undefined){this.options.keySeparator="."}this.logger=O.create("translator")}changeLanguage(t){if(t)this.language=t}exists(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{interpolation:{}};if(t===undefined||t===null){return false}const i=this.resolve(t,e);return i?.res!==undefined}extractFromKey(e,i){let s=i.nsSeparator!==undefined?i.nsSeparator:this.options.nsSeparator;if(s===undefined)s=":";const n=i.keySeparator!==undefined?i.keySeparator:this.options.keySeparator;let r=i.ns||this.options.defaultNS||[];const o=s&&e.indexOf(s)>-1;const f=!this.options.userDefinedKeySeparator&&!i.keySeparator&&!this.options.userDefinedNsSeparator&&!i.nsSeparator&&!b(e,s,n);if(o&&!f){const i=e.match(this.interpolator.nestingRegexp);if(i&&i.length>0){return{key:e,namespaces:t(r)?[r]:r}}const o=e.split(s);if(s!==n||s===n&&this.options.ns.indexOf(o[0])>-1)r=o.shift();e=o.join(n)}return{key:e,namespaces:t(r)?[r]:r}}translate(e,i,s){if(typeof i!=="object"&&this.options.overloadTranslationOptionHandler){i=this.options.overloadTranslationOptionHandler(arguments)}if(typeof i==="object")i={...i};if(!i)i={};if(e===undefined||e===null)return"";if(!Array.isArray(e))e=[String(e)];const n=i.returnDetails!==undefined?i.returnDetails:this.options.returnDetails;const r=i.keySeparator!==undefined?i.keySeparator:this.options.keySeparator;const{key:o,namespaces:f}=this.extractFromKey(e[e.length-1],i);const h=f[f.length-1];const a=i.lng||this.language;const u=i.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if(a?.toLowerCase()==="cimode"){if(u){const t=i.nsSeparator||this.options.nsSeparator;if(n){return{res:`${h}${t}${o}`,usedKey:o,exactUsedKey:o,usedLng:a,usedNS:h,usedParams:this.getUsedParamsDetails(i)}}return`${h}${t}${o}`}if(n){return{res:o,usedKey:o,exactUsedKey:o,usedLng:a,usedNS:h,usedParams:this.getUsedParamsDetails(i)}}return o}const l=this.resolve(e,i);let c=l?.res;const d=l?.usedKey||o;const p=l?.exactUsedKey||o;const g=Object.prototype.toString.apply(c);const y=["[object Number]","[object Function]","[object RegExp]"];const m=i.joinArrays!==undefined?i.joinArrays:this.options.joinArrays;const $=!this.i18nFormat||this.i18nFormat.handleAsObject;const b=!t(c)&&typeof c!=="boolean"&&typeof c!=="number";if($&&c&&b&&y.indexOf(g)<0&&!(t(m)&&Array.isArray(c))){if(!i.returnObjects&&!this.options.returnObjects){if(!this.options.returnedObjectHandler){this.logger.warn("accessing an object - but returnObjects options is not enabled!")}const t=this.options.returnedObjectHandler?this.options.returnedObjectHandler(d,c,{...i,ns:f}):`key '${o} (${this.language})' returned an object instead of string.`;if(n){l.res=t;l.usedParams=this.getUsedParamsDetails(i);return l}return t}if(r){const t=Array.isArray(c);const e=t?[]:{};const s=t?p:d;for(const t in c){if(Object.prototype.hasOwnProperty.call(c,t)){const n=`${s}${r}${t}`;e[t]=this.translate(n,{...i,...{joinArrays:false,ns:f}});if(e[t]===n)e[t]=c[t]}}c=e}}else if($&&t(m)&&Array.isArray(c)){c=c.join(m);if(c)c=this.extendTranslation(c,e,i,s)}else{let n=false;let f=false;const u=i.count!==undefined&&!t(i.count);const d=R.hasDefaultValue(i);const p=u?this.pluralResolver.getSuffix(a,i.count,i):"";const g=i.ordinal&&u?this.pluralResolver.getSuffix(a,i.count,{ordinal:false}):"";const y=u&&!i.ordinal&&i.count===0;const m=y&&i[`defaultValue${this.options.pluralSeparator}zero`]||i[`defaultValue${p}`]||i[`defaultValue${g}`]||i.defaultValue;if(!this.isValidLookup(c)&&d){n=true;c=m}if(!this.isValidLookup(c)){f=true;c=o}const $=i.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey;const b=$&&f?undefined:c;const w=d&&m!==c&&this.options.updateMissing;if(f||n||w){this.logger.log(w?"updateKey":"missingKey",a,h,o,w?m:c);if(r){const t=this.resolve(o,{...i,keySeparator:false});if(t&&t.res)this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let t=[];const e=this.languageUtils.getFallbackCodes(this.options.fallbackLng,i.lng||this.language);if(this.options.saveMissingTo==="fallback"&&e&&e[0]){for(let i=0;i<e.length;i++){t.push(e[i])}}else if(this.options.saveMissingTo==="all"){t=this.languageUtils.toResolveHierarchy(i.lng||this.language)}else{t.push(i.lng||this.language)}const s=(t,e,s)=>{const n=d&&s!==c?s:b;if(this.options.missingKeyHandler){this.options.missingKeyHandler(t,h,e,n,w,i)}else if(this.backendConnector?.saveMissing){this.backendConnector.saveMissing(t,h,e,n,w,i)}this.emit("missingKey",t,h,e,c)};if(this.options.saveMissing){if(this.options.saveMissingPlurals&&u){t.forEach((t=>{const e=this.pluralResolver.getSuffixes(t,i);if(y&&i[`defaultValue${this.options.pluralSeparator}zero`]&&e.indexOf(`${this.options.pluralSeparator}zero`)<0){e.push(`${this.options.pluralSeparator}zero`)}e.forEach((e=>{s([t],o+e,i[`defaultValue${e}`]||m)}))}))}else{s(t,o,m)}}}c=this.extendTranslation(c,e,i,l,s);if(f&&c===o&&this.options.appendNamespaceToMissingKey)c=`${h}:${o}`;if((f||n)&&this.options.parseMissingKeyHandler){c=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${h}:${o}`:o,n?c:undefined)}}if(n){l.res=c;l.usedParams=this.getUsedParamsDetails(i);return l}return c}extendTranslation(e,i,s,n,r){var o=this;if(this.i18nFormat?.parse){e=this.i18nFormat.parse(e,{...this.options.interpolation.defaultVariables,...s},s.lng||this.language||n.usedLng,n.usedNS,n.usedKey,{resolved:n})}else if(!s.skipInterpolation){if(s.interpolation)this.interpolator.init({...s,...{interpolation:{...this.options.interpolation,...s.interpolation}}});const f=t(e)&&(s?.interpolation?.skipOnVariables!==undefined?s.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let h;if(f){const t=e.match(this.interpolator.nestingRegexp);h=t&&t.length}let a=s.replace&&!t(s.replace)?s.replace:s;if(this.options.interpolation.defaultVariables)a={...this.options.interpolation.defaultVariables,...a};e=this.interpolator.interpolate(e,a,s.lng||this.language||n.usedLng,s);if(f){const t=e.match(this.interpolator.nestingRegexp);const i=t&&t.length;if(h<i)s.nest=false}if(!s.lng&&n&&n.res)s.lng=this.language||n.usedLng;if(s.nest!==false)e=this.interpolator.nest(e,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++){e[n]=arguments[n]}if(r?.[0]===e[0]&&!s.context){o.logger.warn(`It seems you are nesting recursively key: ${e[0]} in key: ${i[0]}`);return null}return o.translate(...e,i)}),s);if(s.interpolation)this.interpolator.reset()}const f=s.postProcess||this.options.postProcess;const h=t(f)?[f]:f;if(e!==undefined&&e!==null&&h?.length&&s.applyPostProcessor!==false){e=N.handle(h,e,i,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...n,usedParams:this.getUsedParamsDetails(s)},...s}:s,this)}return e}resolve(e){let i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let s;let n;let r;let o;let f;if(t(e))e=[e];e.forEach((e=>{if(this.isValidLookup(s))return;const h=this.extractFromKey(e,i);const a=h.key;n=a;let u=h.namespaces;if(this.options.fallbackNS)u=u.concat(this.options.fallbackNS);const l=i.count!==undefined&&!t(i.count);const c=l&&!i.ordinal&&i.count===0;const d=i.context!==undefined&&(t(i.context)||typeof i.context==="number")&&i.context!=="";const p=i.lngs?i.lngs:this.languageUtils.toResolveHierarchy(i.lng||this.language,i.fallbackLng);u.forEach((t=>{if(this.isValidLookup(s))return;f=t;if(!L[`${p[0]}-${t}`]&&this.utils?.hasLoadedNamespace&&!this.utils?.hasLoadedNamespace(f)){L[`${p[0]}-${t}`]=true;this.logger.warn(`key "${n}" for languages "${p.join(", ")}" won't get resolved as namespace "${f}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")}p.forEach((e=>{if(this.isValidLookup(s))return;o=e;const n=[a];if(this.i18nFormat?.addLookupKeys){this.i18nFormat.addLookupKeys(n,a,e,t,i)}else{let t;if(l)t=this.pluralResolver.getSuffix(e,i.count,i);const s=`${this.options.pluralSeparator}zero`;const r=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(l){n.push(a+t);if(i.ordinal&&t.indexOf(r)===0){n.push(a+t.replace(r,this.options.pluralSeparator))}if(c){n.push(a+s)}}if(d){const e=`${a}${this.options.contextSeparator}${i.context}`;n.push(e);if(l){n.push(e+t);if(i.ordinal&&t.indexOf(r)===0){n.push(e+t.replace(r,this.options.pluralSeparator))}if(c){n.push(e+s)}}}}let f;while(f=n.pop()){if(!this.isValidLookup(s)){r=f;s=this.getResource(e,t,f,i)}}}))}))}));return{res:s,usedKey:n,exactUsedKey:r,usedLng:o,usedNS:f}}isValidLookup(t){return t!==undefined&&!(!this.options.returnNull&&t===null)&&!(!this.options.returnEmptyString&&t==="")}getResource(t,e,i){let s=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};if(this.i18nFormat?.getResource)return this.i18nFormat.getResource(t,e,i,s);return this.resourceStore.getResource(t,e,i,s)}getUsedParamsDetails(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};const i=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"];const s=e.replace&&!t(e.replace);let n=s?e.replace:e;if(s&&typeof e.count!=="undefined"){n.count=e.count}if(this.options.interpolation.defaultVariables){n={...this.options.interpolation.defaultVariables,...n}}if(!s){n={...n};for(const t of i){delete n[t]}}return n}static hasDefaultValue(t){const e="defaultValue";for(const i in t){if(Object.prototype.hasOwnProperty.call(t,i)&&e===i.substring(0,e.length)&&undefined!==t[i]){return true}}return false}}class P{constructor(t){this.options=t;this.supportedLngs=this.options.supportedLngs||false;this.logger=O.create("languageUtils")}getScriptPartFromCode(t){t=x(t);if(!t||t.indexOf("-")<0)return null;const e=t.split("-");if(e.length===2)return null;e.pop();if(e[e.length-1].toLowerCase()==="x")return null;return this.formatLanguageCode(e.join("-"))}getLanguagePartFromCode(t){t=x(t);if(!t||t.indexOf("-")<0)return t;const e=t.split("-");return this.formatLanguageCode(e[0])}formatLanguageCode(e){if(t(e)&&e.indexOf("-")>-1){let t;try{t=Intl.getCanonicalLocales(e)[0]}catch(t){}if(t&&this.options.lowerCaseLng){t=t.toLowerCase()}if(t)return t;if(this.options.lowerCaseLng){return e.toLowerCase()}return e}return this.options.cleanCode||this.options.lowerCaseLng?e.toLowerCase():e}isSupportedCode(t){if(this.options.load==="languageOnly"||this.options.nonExplicitSupportedLngs){t=this.getLanguagePartFromCode(t)}return!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(t)>-1}getBestMatchFromCodes(t){if(!t)return null;let e;t.forEach((t=>{if(e)return;const i=this.formatLanguageCode(t);if(!this.options.supportedLngs||this.isSupportedCode(i))e=i}));if(!e&&this.options.supportedLngs){t.forEach((t=>{if(e)return;const i=this.getLanguagePartFromCode(t);if(this.isSupportedCode(i))return e=i;e=this.options.supportedLngs.find((t=>{if(t===i)return t;if(t.indexOf("-")<0&&i.indexOf("-")<0)return;if(t.indexOf("-")>0&&i.indexOf("-")<0&&t.substring(0,t.indexOf("-"))===i)return t;if(t.indexOf(i)===0&&i.length>1)return t}))}))}if(!e)e=this.getFallbackCodes(this.options.fallbackLng)[0];return e}getFallbackCodes(e,i){if(!e)return[];if(typeof e==="function")e=e(i);if(t(e))e=[e];if(Array.isArray(e))return e;if(!i)return e.default||[];let s=e[i];if(!s)s=e[this.getScriptPartFromCode(i)];if(!s)s=e[this.formatLanguageCode(i)];if(!s)s=e[this.getLanguagePartFromCode(i)];if(!s)s=e.default;return s||[]}toResolveHierarchy(e,i){const s=this.getFallbackCodes(i||this.options.fallbackLng||[],e);const n=[];const r=t=>{if(!t)return;if(this.isSupportedCode(t)){n.push(t)}else{this.logger.warn(`rejecting language code not found in supportedLngs: ${t}`)}};if(t(e)&&(e.indexOf("-")>-1||e.indexOf("_")>-1)){if(this.options.load!=="languageOnly")r(this.formatLanguageCode(e));if(this.options.load!=="languageOnly"&&this.options.load!=="currentOnly")r(this.getScriptPartFromCode(e));if(this.options.load!=="currentOnly")r(this.getLanguagePartFromCode(e))}else if(t(e)){r(this.formatLanguageCode(e))}s.forEach((t=>{if(n.indexOf(t)<0)r(this.formatLanguageCode(t))}));return n}}const A={zero:0,one:1,two:2,few:3,many:4,other:5};const E={select:t=>t===1?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class C{constructor(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};this.languageUtils=t;this.options=e;this.logger=O.create("pluralResolver");this.pluralRulesCache={}}addRule(t,e){this.rules[t]=e}clearCache(){this.pluralRulesCache={}}getRule(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};const i=x(t==="dev"?"en":t);const s=e.ordinal?"ordinal":"cardinal";const n=JSON.stringify({cleanedCode:i,type:s});if(n in this.pluralRulesCache){return this.pluralRulesCache[n]}let r;try{r=new Intl.PluralRules(i,{type:s})}catch(i){if(!Intl){this.logger.error("No Intl support, please use an Intl polyfill!");return E}if(!t.match(/-|_/))return E;const s=this.languageUtils.getLanguagePartFromCode(t);r=this.getRule(s,e)}this.pluralRulesCache[n]=r;return r}needsPlural(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let i=this.getRule(t,e);if(!i)i=this.getRule("dev",e);return i?.resolvedOptions().pluralCategories.length>1}getPluralFormsOfKey(t,e){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};return this.getSuffixes(t,i).map((t=>`${e}${t}`))}getSuffixes(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let i=this.getRule(t,e);if(!i)i=this.getRule("dev",e);if(!i)return[];return i.resolvedOptions().pluralCategories.sort(((t,e)=>A[t]-A[e])).map((t=>`${this.options.prepend}${e.ordinal?`ordinal${this.options.prepend}`:""}${t}`))}getSuffix(t,e){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const s=this.getRule(t,i);if(s){return`${this.options.prepend}${i.ordinal?`ordinal${this.options.prepend}`:""}${s.select(e)}`}this.logger.warn(`no plural rule found for: ${t}`);return this.getSuffix("dev",e,i)}}const I=function(e,i,s){let n=arguments.length>3&&arguments[3]!==undefined?arguments[3]:".";let r=arguments.length>4&&arguments[4]!==undefined?arguments[4]:true;let o=l(e,i,s);if(!o&&r&&t(s)){o=w(e,s,n);if(o===undefined)o=w(i,s,n)}return o};const T=t=>t.replace(/\$/g,"$$$$");class V{constructor(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};this.logger=O.create("interpolator");this.options=t;this.format=t?.interpolation?.format||(t=>t);this.init(t)}init(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(!t.interpolation)t.interpolation={escapeValue:true};const{escape:e,escapeValue:i,useRawValueToEscape:s,prefix:n,prefixEscaped:r,suffix:o,suffixEscaped:f,formatSeparator:h,unescapeSuffix:a,unescapePrefix:u,nestingPrefix:l,nestingPrefixEscaped:c,nestingSuffix:p,nestingSuffixEscaped:y,nestingOptionsSeparator:m,maxReplaces:$,alwaysFormat:b}=t.interpolation;this.escape=e!==undefined?e:g;this.escapeValue=i!==undefined?i:true;this.useRawValueToEscape=s!==undefined?s:false;this.prefix=n?d(n):r||"{{";this.suffix=o?d(o):f||"}}";this.formatSeparator=h||",";this.unescapePrefix=a?"":u||"-";this.unescapeSuffix=this.unescapePrefix?"":a||"";this.nestingPrefix=l?d(l):c||d("$t(");this.nestingSuffix=p?d(p):y||d(")");this.nestingOptionsSeparator=m||",";this.maxReplaces=$||1e3;this.alwaysFormat=b!==undefined?b:false;this.resetRegExp()}reset(){if(this.options)this.init(this.options)}resetRegExp(){const t=(t,e)=>{if(t?.source===e){t.lastIndex=0;return t}return new RegExp(e,"g")};this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`);this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}(.+?)${this.nestingSuffix}`)}interpolate(e,s,n,r){let o;let f;let h;const a=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{};const u=t=>{if(t.indexOf(this.formatSeparator)<0){const e=I(s,a,t,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(e,undefined,n,{...r,...s,interpolationkey:t}):e}const e=t.split(this.formatSeparator);const i=e.shift().trim();const o=e.join(this.formatSeparator).trim();return this.format(I(s,a,i,this.options.keySeparator,this.options.ignoreJSONStructure),o,n,{...r,...s,interpolationkey:i})};this.resetRegExp();const l=r?.missingInterpolationHandler||this.options.missingInterpolationHandler;const c=r?.interpolation?.skipOnVariables!==undefined?r.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;const d=[{regex:this.regexpUnescape,safeValue:t=>T(t)},{regex:this.regexp,safeValue:t=>this.escapeValue?T(this.escape(t)):T(t)}];d.forEach((s=>{h=0;while(o=s.regex.exec(e)){const n=o[1].trim();f=u(n);if(f===undefined){if(typeof l==="function"){const i=l(e,o,r);f=t(i)?i:""}else if(r&&Object.prototype.hasOwnProperty.call(r,n)){f=""}else if(c){f=o[0];continue}else{this.logger.warn(`missed to pass in variable ${n} for interpolating ${e}`);f=""}}else if(!t(f)&&!this.useRawValueToEscape){f=i(f)}const a=s.safeValue(f);e=e.replace(o[0],a);if(c){s.regex.lastIndex+=f.length;s.regex.lastIndex-=o[0].length}else{s.regex.lastIndex=0}h++;if(h>=this.maxReplaces){break}}}));return e}nest(e,s){let n=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};let r;let o;let f;const h=(t,e)=>{const i=this.nestingOptionsSeparator;if(t.indexOf(i)<0)return t;const s=t.split(new RegExp(`${i}[ ]*{`));let n=`{${s[1]}`;t=s[0];n=this.interpolate(n,f);const r=n.match(/'/g);const o=n.match(/"/g);if((r?.length??0)%2===0&&!o||o.length%2!==0){n=n.replace(/'/g,'"')}try{f=JSON.parse(n);if(e)f={...e,...f}}catch(e){this.logger.warn(`failed parsing options string in nesting for key ${t}`,e);return`${t}${i}${n}`}if(f.defaultValue&&f.defaultValue.indexOf(this.prefix)>-1)delete f.defaultValue;return t};while(r=this.nestingRegexp.exec(e)){let a=[];f={...n};f=f.replace&&!t(f.replace)?f.replace:f;f.applyPostProcessor=false;delete f.defaultValue;let u=false;if(r[0].indexOf(this.formatSeparator)!==-1&&!/{.*}/.test(r[1])){const t=r[1].split(this.formatSeparator).map((t=>t.trim()));r[1]=t.shift();a=t;u=true}o=s(h.call(this,r[1].trim(),f),f);if(o&&r[0]===e&&!t(o))return o;if(!t(o))o=i(o);if(!o){this.logger.warn(`missed to resolve ${r[1]} for nesting ${e}`);o=""}if(u){o=a.reduce(((t,e)=>this.format(t,e,n.lng,{...n,interpolationkey:r[1].trim()})),o.trim())}e=e.replace(r[0],o);this.regexp.lastIndex=0}return e}}const K=t=>{let e=t.toLowerCase().trim();const i={};if(t.indexOf("(")>-1){const s=t.split("(");e=s[0].toLowerCase().trim();const n=s[1].substring(0,s[1].length-1);if(e==="currency"&&n.indexOf(":")<0){if(!i.currency)i.currency=n.trim()}else if(e==="relativetime"&&n.indexOf(":")<0){if(!i.range)i.range=n.trim()}else{const t=n.split(";");t.forEach((t=>{if(t){const[e,...s]=t.split(":");const n=s.join(":").trim().replace(/^'+|'+$/g,"");const r=e.trim();if(!i[r])i[r]=n;if(n==="false")i[r]=false;if(n==="true")i[r]=true;if(!isNaN(n))i[r]=parseInt(n,10)}}))}}return{formatName:e,formatOptions:i}};const M=t=>{const e={};return(i,s,n)=>{let r=n;if(n&&n.interpolationkey&&n.formatParams&&n.formatParams[n.interpolationkey]&&n[n.interpolationkey]){r={...r,[n.interpolationkey]:undefined}}const o=s+JSON.stringify(r);let f=e[o];if(!f){f=t(x(s),n);e[o]=f}return f(i)}};class z{constructor(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};this.logger=O.create("formatter");this.options=t;this.formats={number:M(((t,e)=>{const i=new Intl.NumberFormat(t,{...e});return t=>i.format(t)})),currency:M(((t,e)=>{const i=new Intl.NumberFormat(t,{...e,style:"currency"});return t=>i.format(t)})),datetime:M(((t,e)=>{const i=new Intl.DateTimeFormat(t,{...e});return t=>i.format(t)})),relativetime:M(((t,e)=>{const i=new Intl.RelativeTimeFormat(t,{...e});return t=>i.format(t,e.range||"day")})),list:M(((t,e)=>{const i=new Intl.ListFormat(t,{...e});return t=>i.format(t)}))};this.init(t)}init(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{interpolation:{}};this.formatSeparator=e.interpolation.formatSeparator||","}add(t,e){this.formats[t.toLowerCase().trim()]=e}addCached(t,e){this.formats[t.toLowerCase().trim()]=M(e)}format(t,e,i){let s=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};const n=e.split(this.formatSeparator);if(n.length>1&&n[0].indexOf("(")>1&&n[0].indexOf(")")<0&&n.find((t=>t.indexOf(")")>-1))){const t=n.findIndex((t=>t.indexOf(")")>-1));n[0]=[n[0],...n.splice(1,t)].join(this.formatSeparator)}const r=n.reduce(((t,e)=>{const{formatName:n,formatOptions:r}=K(e);if(this.formats[n]){let e=t;try{const o=s?.formatParams?.[s.interpolationkey]||{};const f=o.locale||o.lng||s.locale||s.lng||i;e=this.formats[n](t,f,{...r,...s,...o})}catch(t){this.logger.warn(t)}return e}else{this.logger.warn(`there was no format function for ${n}`)}return t}),t);return r}}const B=(t,e)=>{if(t.pending[e]!==undefined){delete t.pending[e];t.pendingCount--}};class F extends S{constructor(t,e,i){let s=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};super();this.backend=t;this.store=e;this.services=i;this.languageUtils=i.languageUtils;this.options=s;this.logger=O.create("backendConnector");this.waitingReads=[];this.maxParallelReads=s.maxParallelReads||10;this.readingCalls=0;this.maxRetries=s.maxRetries>=0?s.maxRetries:5;this.retryTimeout=s.retryTimeout>=1?s.retryTimeout:350;this.state={};this.queue=[];this.backend?.init?.(i,s.backend,s)}queueLoad(t,e,i,s){const n={};const r={};const o={};const f={};t.forEach((t=>{let s=true;e.forEach((e=>{const o=`${t}|${e}`;if(!i.reload&&this.store.hasResourceBundle(t,e)){this.state[o]=2}else if(this.state[o]<0);else if(this.state[o]===1){if(r[o]===undefined)r[o]=true}else{this.state[o]=1;s=false;if(r[o]===undefined)r[o]=true;if(n[o]===undefined)n[o]=true;if(f[e]===undefined)f[e]=true}}));if(!s)o[t]=true}));if(Object.keys(n).length||Object.keys(r).length){this.queue.push({pending:r,pendingCount:Object.keys(r).length,loaded:{},errors:[],callback:s})}return{toLoad:Object.keys(n),pending:Object.keys(r),toLoadLanguages:Object.keys(o),toLoadNamespaces:Object.keys(f)}}loaded(t,e,i){const s=t.split("|");const n=s[0];const r=s[1];if(e)this.emit("failedLoading",n,r,e);if(!e&&i){this.store.addResourceBundle(n,r,i,undefined,undefined,{skipCopy:true})}this.state[t]=e?-1:2;if(e&&i)this.state[t]=0;const o={};this.queue.forEach((i=>{a(i.loaded,[n],r);B(i,t);if(e)i.errors.push(e);if(i.pendingCount===0&&!i.done){Object.keys(i.loaded).forEach((t=>{if(!o[t])o[t]={};const e=i.loaded[t];if(e.length){e.forEach((e=>{if(o[t][e]===undefined)o[t][e]=true}))}}));i.done=true;if(i.errors.length){i.callback(i.errors)}else{i.callback()}}}));this.emit("loaded",o);this.queue=this.queue.filter((t=>!t.done))}read(t,e,i){let s=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0;let n=arguments.length>4&&arguments[4]!==undefined?arguments[4]:this.retryTimeout;let r=arguments.length>5?arguments[5]:undefined;if(!t.length)return r(null,{});if(this.readingCalls>=this.maxParallelReads){this.waitingReads.push({lng:t,ns:e,fcName:i,tried:s,wait:n,callback:r});return}this.readingCalls++;const o=(o,f)=>{this.readingCalls--;if(this.waitingReads.length>0){const t=this.waitingReads.shift();this.read(t.lng,t.ns,t.fcName,t.tried,t.wait,t.callback)}if(o&&f&&s<this.maxRetries){setTimeout((()=>{this.read.call(this,t,e,i,s+1,n*2,r)}),n);return}r(o,f)};const f=this.backend[i].bind(this.backend);if(f.length===2){try{const i=f(t,e);if(i&&typeof i.then==="function"){i.then((t=>o(null,t))).catch(o)}else{o(null,i)}}catch(t){o(t)}return}return f(t,e,o)}prepareLoading(e,i){let s=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};let n=arguments.length>3?arguments[3]:undefined;if(!this.backend){this.logger.warn("No backend was added via i18next.use. Will not load resources.");return n&&n()}if(t(e))e=this.languageUtils.toResolveHierarchy(e);if(t(i))i=[i];const r=this.queueLoad(e,i,s,n);if(!r.toLoad.length){if(!r.pending.length)n();return null}r.toLoad.forEach((t=>{this.loadOne(t)}))}load(t,e,i){this.prepareLoading(t,e,{},i)}reload(t,e,i){this.prepareLoading(t,e,{reload:true},i)}loadOne(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"";const i=t.split("|");const s=i[0];const n=i[1];this.read(s,n,"read",undefined,undefined,((i,r)=>{if(i)this.logger.warn(`${e}loading namespace ${n} for language ${s} failed`,i);if(!i&&r)this.logger.log(`${e}loaded namespace ${n} for language ${s}`,r);this.loaded(t,i,r)}))}saveMissing(t,e,i,s,n){let r=arguments.length>5&&arguments[5]!==undefined?arguments[5]:{};let o=arguments.length>6&&arguments[6]!==undefined?arguments[6]:()=>{};if(this.services?.utils?.hasLoadedNamespace&&!this.services?.utils?.hasLoadedNamespace(e)){this.logger.warn(`did not save key "${i}" as the namespace "${e}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");return}if(i===undefined||i===null||i==="")return;if(this.backend?.create){const f={...r,isUpdate:n};const h=this.backend.create.bind(this.backend);if(h.length<6){try{let n;if(h.length===5){n=h(t,e,i,s,f)}else{n=h(t,e,i,s)}if(n&&typeof n.then==="function"){n.then((t=>o(null,t))).catch(o)}else{o(null,n)}}catch(t){o(t)}}else{h(t,e,i,s,o,f)}}if(!t||!t[0])return;this.store.addResource(t[0],e,i,s)}}const D=()=>({debug:false,initAsync:true,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:false,supportedLngs:false,nonExplicitSupportedLngs:false,load:"all",preload:false,simplifyPluralSuffix:true,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:false,saveMissing:false,updateMissing:false,saveMissingTo:"fallback",saveMissingPlurals:true,missingKeyHandler:false,missingInterpolationHandler:false,postProcess:false,postProcessPassResolved:false,returnNull:false,returnEmptyString:true,returnObjects:false,joinArrays:false,returnedObjectHandler:false,parseMissingKeyHandler:false,appendNamespaceToMissingKey:false,appendNamespaceToCIMode:false,overloadTranslationOptionHandler:e=>{let i={};if(typeof e[1]==="object")i=e[1];if(t(e[1]))i.defaultValue=e[1];if(t(e[2]))i.tDescription=e[2];if(typeof e[2]==="object"||typeof e[3]==="object"){const t=e[3]||e[2];Object.keys(t).forEach((e=>{i[e]=t[e]}))}return i},interpolation:{escapeValue:true,format:t=>t,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:true}});const H=e=>{if(t(e.ns))e.ns=[e.ns];if(t(e.fallbackLng))e.fallbackLng=[e.fallbackLng];if(t(e.fallbackNS))e.fallbackNS=[e.fallbackNS];if(e.supportedLngs?.indexOf?.("cimode")<0){e.supportedLngs=e.supportedLngs.concat(["cimode"])}if(typeof e.initImmediate==="boolean")e.initAsync=e.initImmediate;return e};const _=()=>{};const J=t=>{const e=Object.getOwnPropertyNames(Object.getPrototypeOf(t));e.forEach((e=>{if(typeof t[e]==="function"){t[e]=t[e].bind(t)}}))};class U extends S{constructor(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let e=arguments.length>1?arguments[1]:undefined;super();this.options=H(t);this.services={};this.logger=O;this.modules={external:[]};J(this);if(e&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync){this.init(t,e);return this}setTimeout((()=>{this.init(t,e)}),0)}}init(){var i=this;let s=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let n=arguments.length>1?arguments[1]:undefined;this.isInitializing=true;if(typeof s==="function"){n=s;s={}}if(!s.defaultNS&&s.defaultNS!==false&&s.ns){if(t(s.ns)){s.defaultNS=s.ns}else if(s.ns.indexOf("translation")<0){s.defaultNS=s.ns[0]}}const r=D();this.options={...r,...this.options,...H(s)};this.options.interpolation={...r.interpolation,...this.options.interpolation};if(s.keySeparator!==undefined){this.options.userDefinedKeySeparator=s.keySeparator}if(s.nsSeparator!==undefined){this.options.userDefinedNsSeparator=s.nsSeparator}const o=t=>{if(!t)return null;if(typeof t==="function")return new t;return t};if(!this.options.isClone){if(this.modules.logger){O.init(o(this.modules.logger),this.options)}else{O.init(null,this.options)}let t;if(this.modules.formatter){t=this.modules.formatter}else{t=z}const e=new P(this.options);this.store=new k(this.options.resources,this.options);const s=this.services;s.logger=O;s.resourceStore=this.store;s.languageUtils=e;s.pluralResolver=new C(e,{prepend:this.options.pluralSeparator,simplifyPluralSuffix:this.options.simplifyPluralSuffix});if(t&&(!this.options.interpolation.format||this.options.interpolation.format===r.interpolation.format)){s.formatter=o(t);s.formatter.init(s,this.options);this.options.interpolation.format=s.formatter.format.bind(s.formatter)}s.interpolator=new V(this.options);s.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)};s.backendConnector=new F(o(this.modules.backend),s.resourceStore,s,this.options);s.backendConnector.on("*",(function(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),n=1;n<e;n++){s[n-1]=arguments[n]}i.emit(t,...s)}));if(this.modules.languageDetector){s.languageDetector=o(this.modules.languageDetector);if(s.languageDetector.init)s.languageDetector.init(s,this.options.detection,this.options)}if(this.modules.i18nFormat){s.i18nFormat=o(this.modules.i18nFormat);if(s.i18nFormat.init)s.i18nFormat.init(this)}this.translator=new R(this.services,this.options);this.translator.on("*",(function(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),n=1;n<e;n++){s[n-1]=arguments[n]}i.emit(t,...s)}));this.modules.external.forEach((t=>{if(t.init)t.init(this)}))}this.format=this.options.interpolation.format;if(!n)n=_;if(this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);if(t.length>0&&t[0]!=="dev")this.options.lng=t[0]}if(!this.services.languageDetector&&!this.options.lng){this.logger.warn("init: no languageDetector is used and no lng is defined")}const f=["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"];f.forEach((t=>{this[t]=function(){return i.store[t](...arguments)}}));const h=["addResource","addResources","addResourceBundle","removeResourceBundle"];h.forEach((t=>{this[t]=function(){i.store[t](...arguments);return i}}));const a=e();const u=()=>{const t=(t,e)=>{this.isInitializing=false;if(this.isInitialized&&!this.initializedStoreOnce)this.logger.warn("init: i18next is already initialized. You should call init just once!");this.isInitialized=true;if(!this.options.isClone)this.logger.log("initialized",this.options);this.emit("initialized",this.options);a.resolve(e);n(t,e)};if(this.languages&&!this.isInitialized)return t(null,this.t.bind(this));this.changeLanguage(this.options.lng,t)};if(this.options.resources||!this.options.initAsync){u()}else{setTimeout(u,0)}return a}loadResources(e){let i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:_;let s=i;const n=t(e)?e:this.language;if(typeof e==="function")s=e;if(!this.options.resources||this.options.partialBundledLanguages){if(n?.toLowerCase()==="cimode"&&(!this.options.preload||this.options.preload.length===0))return s();const t=[];const e=e=>{if(!e)return;if(e==="cimode")return;const i=this.services.languageUtils.toResolveHierarchy(e);i.forEach((e=>{if(e==="cimode")return;if(t.indexOf(e)<0)t.push(e)}))};if(!n){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);t.forEach((t=>e(t)))}else{e(n)}this.options.preload?.forEach?.((t=>e(t)));this.services.backendConnector.load(t,this.options.ns,(t=>{if(!t&&!this.resolvedLanguage&&this.language)this.setResolvedLanguage(this.language);s(t)}))}else{s(null)}}reloadResources(t,i,s){const n=e();if(typeof t==="function"){s=t;t=undefined}if(typeof i==="function"){s=i;i=undefined}if(!t)t=this.languages;if(!i)i=this.options.ns;if(!s)s=_;this.services.backendConnector.reload(t,i,(t=>{n.resolve();s(t)}));return n}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");if(t.type==="backend"){this.modules.backend=t}if(t.type==="logger"||t.log&&t.warn&&t.error){this.modules.logger=t}if(t.type==="languageDetector"){this.modules.languageDetector=t}if(t.type==="i18nFormat"){this.modules.i18nFormat=t}if(t.type==="postProcessor"){N.addPostProcessor(t)}if(t.type==="formatter"){this.modules.formatter=t}if(t.type==="3rdParty"){this.modules.external.push(t)}return this}setResolvedLanguage(t){if(!t||!this.languages)return;if(["cimode","dev"].indexOf(t)>-1)return;for(let t=0;t<this.languages.length;t++){const e=this.languages[t];if(["cimode","dev"].indexOf(e)>-1)continue;if(this.store.hasLanguageSomeTranslations(e)){this.resolvedLanguage=e;break}}}changeLanguage(i,s){var n=this;this.isLanguageChangingTo=i;const r=e();this.emit("languageChanging",i);const o=t=>{this.language=t;this.languages=this.services.languageUtils.toResolveHierarchy(t);this.resolvedLanguage=undefined;this.setResolvedLanguage(t)};const f=(t,e)=>{if(e){o(e);this.translator.changeLanguage(e);this.isLanguageChangingTo=undefined;this.emit("languageChanged",e);this.logger.log("languageChanged",e)}else{this.isLanguageChangingTo=undefined}r.resolve((function(){return n.t(...arguments)}));if(s)s(t,(function(){return n.t(...arguments)}))};const h=e=>{if(!i&&!e&&this.services.languageDetector)e=[];const s=t(e)?e:this.services.languageUtils.getBestMatchFromCodes(e);if(s){if(!this.language){o(s)}if(!this.translator.language)this.translator.changeLanguage(s);this.services.languageDetector?.cacheUserLanguage?.(s)}this.loadResources(s,(t=>{f(t,s)}))};if(!i&&this.services.languageDetector&&!this.services.languageDetector.async){h(this.services.languageDetector.detect())}else if(!i&&this.services.languageDetector&&this.services.languageDetector.async){if(this.services.languageDetector.detect.length===0){this.services.languageDetector.detect().then(h)}else{this.services.languageDetector.detect(h)}}else{h(i)}return r}getFixedT(e,i,s){var n=this;const r=function(t,e){let i;if(typeof e!=="object"){for(var o=arguments.length,f=new Array(o>2?o-2:0),h=2;h<o;h++){f[h-2]=arguments[h]}i=n.options.overloadTranslationOptionHandler([t,e].concat(f))}else{i={...e}}i.lng=i.lng||r.lng;i.lngs=i.lngs||r.lngs;i.ns=i.ns||r.ns;if(i.keyPrefix!=="")i.keyPrefix=i.keyPrefix||s||r.keyPrefix;const a=n.options.keySeparator||".";let u;if(i.keyPrefix&&Array.isArray(t)){u=t.map((t=>`${i.keyPrefix}${a}${t}`))}else{u=i.keyPrefix?`${i.keyPrefix}${a}${t}`:t}return n.t(u,i)};if(t(e)){r.lng=e}else{r.lngs=e}r.ns=i;r.keyPrefix=s;return r}t(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.translator?.translate(...e)}exists(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}return this.translator?.exists(...e)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!this.isInitialized){this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages);return false}if(!this.languages||!this.languages.length){this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages);return false}const i=e.lng||this.resolvedLanguage||this.languages[0];const s=this.options?this.options.fallbackLng:false;const n=this.languages[this.languages.length-1];if(i.toLowerCase()==="cimode")return true;const r=(t,e)=>{const i=this.services.backendConnector.state[`${t}|${e}`];return i===-1||i===0||i===2};if(e.precheck){const t=e.precheck(this,r);if(t!==undefined)return t}if(this.hasResourceBundle(i,t))return true;if(!this.services.backendConnector.backend||this.options.resources&&!this.options.partialBundledLanguages)return true;if(r(i,t)&&(!s||r(n,t)))return true;return false}loadNamespaces(i,s){const n=e();if(!this.options.ns){if(s)s();return Promise.resolve()}if(t(i))i=[i];i.forEach((t=>{if(this.options.ns.indexOf(t)<0)this.options.ns.push(t)}));this.loadResources((t=>{n.resolve();if(s)s(t)}));return n}loadLanguages(i,s){const n=e();if(t(i))i=[i];const r=this.options.preload||[];const o=i.filter((t=>r.indexOf(t)<0&&this.services.languageUtils.isSupportedCode(t)));if(!o.length){if(s)s();return Promise.resolve()}this.options.preload=r.concat(o);this.loadResources((t=>{n.resolve();if(s)s(t)}));return n}dir(t){if(!t)t=this.resolvedLanguage||(this.languages?.length>0?this.languages[0]:this.language);if(!t)return"rtl";const e=["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"];const i=this.services?.languageUtils||new P(D());return e.indexOf(i.getLanguagePartFromCode(t))>-1||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let e=arguments.length>1?arguments[1]:undefined;return new U(t,e)}cloneInstance(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:_;const i=t.forkResourceStore;if(i)delete t.forkResourceStore;const s={...this.options,...t,...{isClone:true}};const n=new U(s);if(t.debug!==undefined||t.prefix!==undefined){n.logger=n.logger.clone(t)}const r=["store","services","language"];r.forEach((t=>{n[t]=this[t]}));n.services={...this.services};n.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)};if(i){n.store=new k(this.store.data,s);n.services.resourceStore=n.store}n.translator=new R(n.services,s);n.translator.on("*",(function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++){i[s-1]=arguments[s]}n.emit(t,...i)}));n.init(s,e);n.translator.options=s;n.translator.backendConnector.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)};return n}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const W=U.createInstance();W.createInstance=U.createInstance;const q="nl";function Y(t){const e=t.closest("[lang]");if(e instanceof HTMLElement){return e.lang||q}if(t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement){return Y(t.parentNode.host)}if(t.parentElement instanceof HTMLElement){return Y(t.parentElement)}return q}function G(t,e){const i=t();const s=W.createInstance();s.init({fallbackLng:q,resources:e,defaultNS:i.tagName.toLowerCase(),interpolation:{escapeValue:false}});let n=false;return(t,e)=>{if(!n){n=true;const t=Y(i);s.changeLanguage(t)}return s.t(t,e)}}export{G as i};
+//# sourceMappingURL=p-f279a706.js.map