@kdcloudjs/shoelace 1.0.46 → 1.0.48

package/dist/chunks/chunk.ZN7XIAWT.js

@@ -1,494 +0,0 @@
-import {
-  notification_styles_default
-} from "./chunk.2CKXLIXH.js";
-import {
-  blurActiveElement
-} from "./chunk.LD4M4QGE.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.WO7ALQNH.js";
-import {
-  SlIconButton
-} from "./chunk.YDU3P4DL.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.VHWATTYS.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  SlIcon
-} from "./chunk.YJMXC6SS.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.6L3YKGXL.js";
-import {
-  __decorateClass,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/notification/notification.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var _SlNotification = class _SlNotification extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon", "title", "actions");
-    this.localize = new LocalizeController(this);
-    this.open = false;
-    this.closable = true;
-    this._closeIcon = void 0;
-    this.type = "info";
-    this._duration = 4500;
-    this.placement = "topRight";
-    this.showProgress = false;
-    this.pauseOnHover = true;
-    this.remainingTime = 0;
-    this.totalDuration = 0;
-  }
-  get closeIcon() {
-    return this._closeIcon;
-  }
-  set closeIcon(value) {
-    const oldValue = this._closeIcon;
-    if (value === null || value === false || value === "null" || value === "false") {
-      this._closeIcon = value === "null" ? null : value === "false" ? false : value;
-    } else {
-      this._closeIcon = value;
-    }
-    this.requestUpdate("closeIcon", oldValue);
-  }
-  get duration() {
-    return this._duration;
-  }
-  set duration(value) {
-    const oldValue = this._duration;
-    if (value === false || value === "false" || value === 0 || value === "0") {
-      this._duration = false;
-    } else {
-      this._duration = typeof value === "string" ? parseInt(value, 10) : value;
-    }
-    this.requestUpdate("duration", oldValue);
-  }
-  /** Open a notification with the given configuration. */
-  static open(config) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const notification = document.createElement("sl-notification");
-    const mergedConfig = __spreadValues(__spreadValues({}, _SlNotification.globalConfig), config);
-    notification.type = mergedConfig.type || "info";
-    notification.duration = (_b = (_a = mergedConfig.duration) != null ? _a : _SlNotification.globalConfig.duration) != null ? _b : 4500;
-    notification.closable = (_c = mergedConfig.closable) != null ? _c : true;
-    notification.placement = mergedConfig.placement || _SlNotification.globalConfig.placement || "topRight";
-    notification.showProgress = (_e = (_d = mergedConfig.showProgress) != null ? _d : _SlNotification.globalConfig.showProgress) != null ? _e : false;
-    notification.pauseOnHover = (_g = (_f = mergedConfig.pauseOnHover) != null ? _f : _SlNotification.globalConfig.pauseOnHover) != null ? _g : true;
-    notification.key = mergedConfig.key;
-    if (mergedConfig.closeIcon !== void 0) {
-      notification.closeIcon = mergedConfig.closeIcon;
-    } else if (_SlNotification.globalConfig.closeIcon !== void 0) {
-      notification.closeIcon = _SlNotification.globalConfig.closeIcon;
-    }
-    if (mergedConfig.onClose) {
-      notification.addEventListener("sl-after-hide", mergedConfig.onClose, { once: true });
-    }
-    if (mergedConfig.onClick) {
-      notification.addEventListener("click", mergedConfig.onClick);
-    }
-    if (mergedConfig.title) {
-      if (typeof mergedConfig.title === "string") {
-        const titleEl = document.createElement("span");
-        titleEl.slot = "title";
-        titleEl.textContent = mergedConfig.title;
-        notification.appendChild(titleEl);
-      }
-    }
-    if (mergedConfig.description) {
-      if (typeof mergedConfig.description === "string") {
-        const descEl = document.createElement("span");
-        descEl.textContent = mergedConfig.description;
-        notification.appendChild(descEl);
-      }
-    }
-    if (mergedConfig.icon) {
-      if (typeof mergedConfig.icon === "string") {
-        const iconEl = document.createElement("sl-icon");
-        iconEl.slot = "icon";
-        iconEl.setAttribute("name", mergedConfig.icon);
-        notification.appendChild(iconEl);
-      }
-    }
-    requestAnimationFrame(() => {
-      notification.show();
-    });
-    return notification;
-  }
-  /** Shorthand for opening a success notification. */
-  static success(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "success" }));
-  }
-  /** Shorthand for opening an info notification. */
-  static info(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "info" }));
-  }
-  /** Shorthand for opening a warning notification. */
-  static warning(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "warning" }));
-  }
-  /** Shorthand for opening an error notification. */
-  static error(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "error" }));
-  }
-  /** Destroy a notification by key. */
-  static destroy(key) {
-    if (key === void 0) {
-      _SlNotification.activeNotifications.forEach((list) => {
-        list.forEach((n) => n.hide());
-      });
-    } else {
-      _SlNotification.activeNotifications.forEach((list) => {
-        const notification = list.find((n) => n.key === key);
-        notification == null ? void 0 : notification.hide();
-      });
-    }
-  }
-  /** Update container positions when global config changes. */
-  static updateContainerPositions() {
-    const { top, bottom } = _SlNotification.globalConfig;
-    _SlNotification.containers.forEach((container, placement) => {
-      if (placement.includes("top")) {
-        container.style.top = `${top}px`;
-        container.style.bottom = "";
-      } else {
-        container.style.bottom = `${bottom}px`;
-        container.style.top = "";
-      }
-    });
-  }
-  /** Configure global notification settings. */
-  static config(config) {
-    const oldTop = _SlNotification.globalConfig.top;
-    const oldBottom = _SlNotification.globalConfig.bottom;
-    _SlNotification.globalConfig = __spreadValues(__spreadValues({}, _SlNotification.globalConfig), config);
-    if (config.top !== void 0 && config.top !== oldTop || config.bottom !== void 0 && config.bottom !== oldBottom) {
-      _SlNotification.updateContainerPositions();
-    }
-  }
-  static getContainer(placement) {
-    let container = _SlNotification.containers.get(placement);
-    if (!container) {
-      container = document.createElement("div");
-      container.className = `sl-notification-container sl-notification-container--${placement}`;
-      const { top, bottom } = _SlNotification.globalConfig;
-      const styles = {
-        position: "fixed",
-        zIndex: "9999",
-        display: "flex",
-        flexDirection: "column",
-        gap: "16px",
-        pointerEvents: "none"
-      };
-      if (placement.includes("top")) {
-        styles.top = `${top}px`;
-      } else {
-        styles.bottom = `${bottom}px`;
-        styles.flexDirection = "column-reverse";
-      }
-      if (placement.includes("Left")) {
-        styles.left = "24px";
-      } else if (placement.includes("Right")) {
-        styles.right = "24px";
-      } else {
-        styles.left = "50%";
-        styles.transform = "translateX(-50%)";
-      }
-      Object.assign(container.style, styles);
-      document.body.appendChild(container);
-      _SlNotification.containers.set(placement, container);
-      _SlNotification.activeNotifications.set(placement, []);
-    }
-    return container;
-  }
-  firstUpdated() {
-    this.base.hidden = !this.open;
-  }
-  getDefaultIcon() {
-    const icons = {
-      success: "check2-circle",
-      info: "info-circle",
-      warning: "exclamation-triangle",
-      error: "exclamation-octagon"
-    };
-    return icons[this.type] || icons.info;
-  }
-  restartAutoHide() {
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-    const durationValue = this._duration;
-    if (durationValue !== false && typeof durationValue === "number" && durationValue > 0) {
-      this.totalDuration = durationValue;
-      this.remainingTime = durationValue;
-      this.autoHideTimeout = window.setTimeout(() => {
-        void this.hide();
-      }, durationValue);
-      if (this.showProgress) {
-        this.remainingTimeInterval = window.setInterval(() => {
-          this.remainingTime = Math.max(0, this.remainingTime - 100);
-        }, 100);
-      }
-    }
-  }
-  pauseAutoHide() {
-    if (!this.pauseOnHover) return;
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-  }
-  resumeAutoHide() {
-    if (!this.pauseOnHover) return;
-    const durationValue = this._duration;
-    if (durationValue !== false && typeof durationValue === "number" && durationValue > 0 && this.remainingTime > 0) {
-      this.autoHideTimeout = window.setTimeout(() => {
-        void this.hide();
-      }, this.remainingTime);
-      if (this.showProgress) {
-        this.remainingTimeInterval = window.setInterval(() => {
-          this.remainingTime = Math.max(0, this.remainingTime - 100);
-        }, 100);
-      }
-    }
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("sl-show");
-      this.restartAutoHide();
-      await stopAnimations(this.base);
-      this.base.hidden = false;
-      const { keyframes, options } = getAnimation(this, "notification.show", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.emit("sl-after-show");
-    } else {
-      blurActiveElement(this);
-      this.emit("sl-hide");
-      clearTimeout(this.autoHideTimeout);
-      clearInterval(this.remainingTimeInterval);
-      await stopAnimations(this.base);
-      const { keyframes, options } = getAnimation(this, "notification.hide", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.base.hidden = true;
-      this.emit("sl-after-hide");
-      const activeList = _SlNotification.activeNotifications.get(this.placement);
-      if (activeList) {
-        const index = activeList.indexOf(this);
-        if (index > -1) {
-          activeList.splice(index, 1);
-        }
-      }
-      this.remove();
-    }
-  }
-  /** Shows the notification. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    const container = _SlNotification.getContainer(this.placement);
-    if (this.parentElement !== container) {
-      const maxCount = _SlNotification.globalConfig.maxCount;
-      if (maxCount !== void 0) {
-        const activeList2 = _SlNotification.activeNotifications.get(this.placement) || [];
-        while (activeList2.length >= maxCount && activeList2.length > 0) {
-          const oldest = activeList2.shift();
-          oldest == null ? void 0 : oldest.hide();
-        }
-      }
-      container.appendChild(this);
-      const activeList = _SlNotification.activeNotifications.get(this.placement) || [];
-      if (!activeList.includes(this)) {
-        activeList.push(this);
-        _SlNotification.activeNotifications.set(this.placement, activeList);
-      }
-    }
-    await this.updateComplete;
-    this.open = true;
-    return waitForEvent(this, "sl-after-show");
-  }
-  /** Hides the notification. */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "sl-after-hide");
-  }
-  getProgressWidth() {
-    if (!this.showProgress || this.totalDuration === 0) return "100%";
-    return `${this.remainingTime / this.totalDuration * 100}%`;
-  }
-  render() {
-    const hasIcon = this.hasSlotController.test("icon") || this.type;
-    const hasTitle = this.hasSlotController.test("title");
-    const hasActions = this.hasSlotController.test("actions");
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      notification: true,
-      "notification--open": this.open,
-      "notification--closable": this.closable,
-      "notification--has-icon": hasIcon,
-      "notification--has-title": hasTitle,
-      "notification--has-actions": hasActions,
-      "notification--success": this.type === "success",
-      "notification--info": this.type === "info",
-      "notification--warning": this.type === "warning",
-      "notification--error": this.type === "error"
-    })}
-        role="alert"
-        aria-live="assertive"
-        aria-atomic="true"
-        style="pointer-events: auto;"
-        @mouseenter=${this.pauseAutoHide}
-        @mouseleave=${this.resumeAutoHide}
-      >
-        <div part="icon" class="notification__icon">
-          <slot name="icon">
-            <sl-icon name=${this.getDefaultIcon()}></sl-icon>
-          </slot>
-        </div>
-
-        <div part="content" class="notification__content">
-          <div part="title" class="notification__title">
-            <slot name="title"></slot>
-          </div>
-          <div part="description" class="notification__description">
-            <slot></slot>
-          </div>
-          ${hasActions ? html`
-                <div part="actions" class="notification__actions">
-                  <slot name="actions"></slot>
-                </div>
-              ` : ""}
-        </div>
-
-        ${this.closable && this._closeIcon !== null && this._closeIcon !== false ? html`
-              <sl-icon-button
-                part="close-button"
-                class="notification__close-button"
-                name=${typeof this._closeIcon === "string" && this._closeIcon ? this._closeIcon : "x-lg"}
-                library=${typeof this._closeIcon === "string" && this._closeIcon ? "default" : "system"}
-                label=${this.localize.term("close")}
-                @click=${this.handleCloseClick}
-              ></sl-icon-button>
-            ` : ""}
-
-        ${this.showProgress && this._duration !== false ? html`
-              <div part="progress" class="notification__progress">
-                <div
-                  part="progress-bar"
-                  class="notification__progress-bar"
-                  style="width: ${this.getProgressWidth()}"
-                ></div>
-              </div>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-_SlNotification.styles = [component_styles_default, notification_styles_default];
-_SlNotification.dependencies = { "sl-icon": SlIcon, "sl-icon-button": SlIconButton };
-// Global configuration
-_SlNotification.globalConfig = {
-  placement: "topRight",
-  duration: 4500,
-  maxCount: void 0,
-  top: 24,
-  bottom: 24,
-  showProgress: false,
-  pauseOnHover: true
-};
-// Notification containers for different placements
-_SlNotification.containers = /* @__PURE__ */ new Map();
-// Active notifications tracking
-_SlNotification.activeNotifications = /* @__PURE__ */ new Map();
-__decorateClass([
-  query('[part~="base"]')
-], _SlNotification.prototype, "base", 2);
-__decorateClass([
-  query(".notification__progress-bar")
-], _SlNotification.prototype, "progressBar", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlNotification.prototype, "open", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlNotification.prototype, "closable", 2);
-__decorateClass([
-  property({ attribute: "close-icon" })
-], _SlNotification.prototype, "closeIcon", 1);
-__decorateClass([
-  property({ reflect: true })
-], _SlNotification.prototype, "type", 2);
-__decorateClass([
-  property({ attribute: "duration" })
-], _SlNotification.prototype, "duration", 1);
-__decorateClass([
-  property({ reflect: true })
-], _SlNotification.prototype, "placement", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-progress" })
-], _SlNotification.prototype, "showProgress", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "pause-on-hover" })
-], _SlNotification.prototype, "pauseOnHover", 2);
-__decorateClass([
-  property()
-], _SlNotification.prototype, "key", 2);
-__decorateClass([
-  state()
-], _SlNotification.prototype, "remainingTime", 2);
-__decorateClass([
-  state()
-], _SlNotification.prototype, "totalDuration", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], _SlNotification.prototype, "handleOpenChange", 1);
-var SlNotification = _SlNotification;
-setDefaultAnimation("notification.show", {
-  keyframes: [
-    { opacity: 0, transform: "translateX(100%)" },
-    { opacity: 1, transform: "translateX(0)" }
-  ],
-  options: { duration: 250, easing: "ease-out" }
-});
-setDefaultAnimation("notification.hide", {
-  keyframes: [
-    { opacity: 1, transform: "translateX(0)" },
-    { opacity: 0, transform: "translateX(100%)" }
-  ],
-  options: { duration: 250, easing: "ease-in" }
-});
-
-export {
-  SlNotification
-};

package/dist/chunks/chunk.ZOSS4BBF.js

@@ -1,192 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.3G2TKEO3.js";
-import {
-  SubmenuController
-} from "./chunk.ZLIGP6HZ.js";
-import {
-  SlSpinner
-} from "./chunk.BDTNWSDJ.js";
-import {
-  SlPopup
-} from "./chunk.YTY7KRME.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.NYIIDP5N.js";
-import {
-  SlIcon
-} from "./chunk.YJMXC6SS.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.6L3YKGXL.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/menu-item/menu-item.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var SlMenuItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(this, this.hasSlotController);
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", { bubbles: true, composed: false, cancelable: false });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return html`
-      <div
-        id="anchor"
-        part="base"
-        class=${classMap({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-        ?aria-haspopup="${this.isSubmenu()}"
-        ?aria-expanded="${isSubmenuExpanded ? true : false}"
-      >
-        <span part="checked-icon" class="menu-item__check">
-          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-        <span part="submenu-icon" class="menu-item__chevron">
-          <sl-icon name=${isRtl ? "chevron-left" : "chevron-right"} library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        ${this.submenuController.renderSubmenu()}
-        ${this.loading ? html` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> ` : ""}
-      </div>
-    `;
-  }
-};
-SlMenuItem.styles = [component_styles_default, menu_item_styles_default];
-SlMenuItem.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  query("slot:not([name])")
-], SlMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  query(".menu-item")
-], SlMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "type", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "checked", 2);
-__decorateClass([
-  property()
-], SlMenuItem.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "loading", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], SlMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], SlMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], SlMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  SlMenuItem
-};

package/dist/chunks/chunk.ZRXXJLRK.js

@@ -1,11 +0,0 @@
-import {
-  SlQrCode
-} from "./chunk.VPV5B6MW.js";
-
-// src/components/qr-code/qr-code.ts
-var qr_code_default = SlQrCode;
-SlQrCode.define("sl-qr-code");
-
-export {
-  qr_code_default
-};