@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/smart/dropdown/studio.fixture.json

@@ -0,0 +1,33 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.dropdown",
+  "title": "Dropdown reference",
+  "summary": "Deterministic reference fixture for sf-dropdown.",
+  "locale": "ru",
+  "props": {
+    "label": "Статус",
+    "placeholder": "Выберите статус"
+  },
+  "children": [
+    {
+      "element": "sf-list-item",
+      "props": {
+        "value": "open",
+        "text": "Открыт"
+      },
+      "text": "",
+      "children": []
+    },
+    {
+      "element": "sf-list-item",
+      "props": {
+        "value": "done",
+        "text": "Готов"
+      },
+      "text": "",
+      "children": []
+    }
+  ],
+  "state": "default"
+}

package/distr/smart/dropdown/studio.scenario.json

@@ -0,0 +1,25 @@
+{
+  "schema": "simai.smart-component-scenario.v1",
+  "id": "smoke",
+  "component": "smart.dropdown",
+  "fixture": "reference",
+  "viewport": "desktop",
+  "actions": [
+    {
+      "type": "invoke",
+      "method": "toggleDropdown",
+      "arguments": []
+    }
+  ],
+  "assertions": [
+    {
+      "type": "upgraded"
+    },
+    {
+      "type": "no-console-error"
+    },
+    {
+      "type": "no-network"
+    }
+  ]
+}

package/distr/smart/dropdown/template/default.js

@@ -0,0 +1,296 @@
+import { html, nothing } from "lit";
+import {
+  renderListItemHeading,
+  renderListItemOption,
+} from "../../../list-item/js/templates/default";
+
+function getOptionLabel(option = {}) {
+  if (option.type === "avatar") return option.avatarTitle || option.text || option.value || "";
+  return option.text || option.avatarTitle || option.value || "";
+}
+
+// Options may say where they come from. A list of a few dozen names is read by
+// its stretches rather than line by line, and the name of a stretch belongs
+// above it once instead of after every name in it.
+function renderOptions(options = []) {
+  const parts = [];
+  let group = null;
+
+  for (const option of options) {
+    const next = option.group ? String(option.group) : "";
+    if (next !== group) {
+      group = next;
+      if (next) parts.push(renderListItemHeading(next, option.size));
+    }
+    parts.push(renderListItemOption(option));
+  }
+
+  return parts;
+}
+
+// From size 1 up the field has room for a compact tag of its own size, with the
+// field's own text. Size 1/2 does not (one pixel would be left), so its tag
+// goes one size down onto the field line, rendered inline: its label is one
+// text step down and it takes no block padding.
+const FIELD_TAG = Object.freeze({
+  "1/2": {size: "1/3", spacing: ""},
+  "1": {size: "1", spacing: "compact"},
+  "2": {size: "2", spacing: "compact"},
+});
+
+// A single choice shows its picture in the field as well as its label.
+function renderFieldVisual(context) {
+  if (context.multiple || context.selectedOptions?.length !== 1) return nothing;
+  const option = context.selectedOptions[0];
+  if (option.type === "icon" && option.icon) {
+    return html`<i class="sf-icon sf-dropdown-field-visual" aria-hidden="true">${option.icon}</i>`;
+  }
+  if (option.type === "color" && option.colorClass) {
+    return html`<span class="sf-tag-color-icon sf-dropdown-field-visual ${option.colorClass}" aria-hidden="true"></span>`;
+  }
+  if (option.type === "avatar" && option.avatarImageUrl) {
+    return html`<span class="sf-avatar sf-avatar--size-1/2 bg-cover sf-dropdown-field-visual" aria-hidden="true" style=${`background-image: url(${option.avatarImageUrl});`}></span>`;
+  }
+  return nothing;
+}
+
+function renderTag(context, option) {
+  const label = getOptionLabel(option);
+  const fieldTag = FIELD_TAG[context.size] || FIELD_TAG["1"];
+  const tagSize = fieldTag.size;
+  const tagSpacing = fieldTag.spacing ? ` spacing-${fieldTag.spacing}` : "";
+  const tagType =
+    option.type === "color" ? "color" : option.type === "avatar" ? "avatar" : "icon";
+
+  return html`
+    <div
+      class="sf-tag transition sf-tag--${tagType} sf-tag--size-${tagSize} sf-tag--inline${tagSpacing} flex flex-row flex-nowrap items-center active"
+      data-value=${option.value}
+    >
+      ${option.type === "color"
+        ? html`<span class="sf-tag-color-icon ${option.colorClass}" aria-hidden="true"></span>`
+        : nothing}
+      ${option.type === "icon"
+        ? html`<i class="sf-icon sf-tag-icon" aria-hidden="true">${option.icon}</i>`
+        : nothing}
+      ${option.type === "avatar"
+        ? html`
+            <span
+              class="sf-avatar sf-avatar--size-${tagSize} bg-cover"
+              aria-hidden="true"
+              style=${option.avatarImageUrl
+                ? `background-image: url(${option.avatarImageUrl});`
+                : nothing}
+            ></span>
+          `
+        : nothing}
+      <span class="sf-tag-container">${label}</span>
+      <button
+        type="button"
+        class="sf-icon-button sf-icon-button--link sf-icon-button--on-surface sf-icon-button--size-1/3"
+        aria-label=${`Remove ${label}`}
+        ?disabled=${context.disabled}
+        @click=${(event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          context.component.removeSelectedValue(option.value);
+        }}
+      >
+        <div class="sf-close sf-close--size-1/3 flex">
+          <div class="sf-close-icon"></div>
+        </div>
+      </button>
+    </div>
+  `;
+}
+
+// A grid cell is as tall as a field of the dropdown's size: a size-1/2 icon
+// picker drew size-1 cells around its size-1/2 search (owner, 2026-10-14).
+const CELL = {
+  "1/2": "var(--sf-ui-1\\/2--control-height)",
+  "1": "var(--sf-ui-1--control-height)",
+  "2": "var(--sf-ui-2--control-height)",
+};
+
+export function renderDropdownTemplate(context) {
+  const rootClasses = [
+    "sf-dropdown",
+    context.rootClass,
+    context.open ? "open" : "",
+    context.open ? "sf-dropdown--open" : "",
+    `sf-dropdown--size-${context.size}`,
+    `sf-dropdown--${context.appearance ?? context.type}`,
+    context.mode === "tag" ? "sf-dropdown--tag" : "",
+    context.layout === "grid" ? "sf-dropdown--grid" : "",
+    context.mode !== "tag" ? "sf-dropdown--text" : "",
+    context.disabled ? "disabled" : "",
+    "flex",
+    "flex-col",
+  ].filter(Boolean);
+
+  const fieldClasses = [
+    "sf-dropdown-field",
+    !context.disabled ? "cursor-pointer" : "",
+    "items-cross-center",
+    "relative",
+    "transition",
+    "flex",
+  ].filter(Boolean);
+
+  const iconButtonSize =
+    context.size === "1" || context.size === "1/2" ? "1/2" : context.size;
+  const listInputSize = context.size;
+  const dropdownIcon = context.open ? "keyboard_arrow_up" : "keyboard_arrow_down";
+
+  const renderTrigger = () => {
+    // A trigger the consumer supplied. The dropdown's own is a field -- a
+    // border, the text of what is chosen, a chevron -- and there are places
+    // that want the same list behind something else: a «+» in the head of a
+    // group, a glyph, a plain button. Without this seam a consumer had to
+    // either show a field where an icon belongs or hide one with styles of its
+    // own, which is working around the component rather than using it.
+    if (context.component?.hasSlotContent?.('trigger')) {
+      return html`
+        <div
+          class="sf-dropdown-trigger flex items-cross-center"
+          @click=${(event) => context.component.handleTriggerClick(event)}
+        >
+          ${context.name
+            ? html`
+                <input
+                  class="sf-dropdown-hidden-input"
+                  type="hidden"
+                  name=${context.name}
+                  value=${context.value || ""}
+                  ?disabled=${context.disabled}
+                />
+              `
+            : nothing}
+          ${context.component.getSlotContent('trigger')}
+        </div>
+      `;
+    }
+
+    const hiddenInput = context.name
+      ? html`
+          <input
+            class="sf-dropdown-hidden-input"
+            type="hidden"
+            name=${context.name}
+            value=${context.value || ""}
+            ?disabled=${context.disabled}
+          />
+        `
+      : nothing;
+
+    if (context.mode === "tag") {
+      return html`
+        <div
+          class=${fieldClasses.join(" ")}
+          @click=${(event) => context.component.handleTriggerClick(event)}
+        >
+          ${hiddenInput}
+          <div class="sf-dropdown-tag-container flex flex-wrap flex-1">
+            ${context.selectedOptions.map((option) => renderTag(context, option))}
+          </div>
+          <button
+            type="button"
+            class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${iconButtonSize}"
+            ?disabled=${context.disabled}
+          >
+            <i class="sf-icon" aria-hidden="true">${dropdownIcon}</i>
+          </button>
+        </div>
+      `;
+    }
+
+    return html`
+      <label
+        class=${fieldClasses.join(" ")}
+        @click=${(event) => context.component.handleTriggerClick(event)}
+      >
+        ${hiddenInput}
+        ${renderFieldVisual(context)}
+        <input
+          placeholder=${context.placeholder}
+          type="text"
+          class="cursor-pointer"
+          .value=${context.triggerText || ""}
+          readonly
+          ?disabled=${context.disabled}
+        />
+        <button
+          type="button"
+          class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${iconButtonSize} absolute"
+          ?disabled=${context.disabled}
+        >
+          <i class="sf-icon" aria-hidden="true">${dropdownIcon}</i>
+        </button>
+      </label>
+    `;
+  };
+
+  return html`
+    <div
+      class=${rootClasses.join(" ")}
+      style=${context.rootStyle || nothing}
+      ?disabled=${context.disabled}
+      ?multiple=${context.multiple}
+      ?portal=${context.portal}
+      data-portal=${context.portal ? "true" : "false"}
+    >
+      ${context.label
+        ? html`
+            <span class="sf-dropdown-label flex">
+              <span class="sf-dropdown-text">${context.label}</span>
+              ${context.required
+                ? html`<span class="sf-dropdown-required">*</span>`
+                : nothing}
+            </span>
+          `
+        : nothing}
+      ${renderTrigger()}
+
+      <div
+        class=${`sf-list flex flex-col${
+          context.component?.hasSlotContent?.('trigger') ? " sf-list--free-width" : ""
+        }`}
+        style=${`--sf-list--cell: ${CELL[context.size] || CELL["1"]}`}
+        ?hidden=${!context.open}
+      >
+        ${context.search
+          ? html`
+              <label
+                class="sf-input sf-input--size-${listInputSize} sf-input--filled flex flex-col"
+              >
+                <span class="sf-input-field items-cross-center transition flex">
+                  <input
+                    placeholder=${context.searchPlaceholder}
+                    type="text"
+                    .value=${context.searchValue || ""}
+                    ?disabled=${context.disabled}
+                    @input=${(event) => context.component.handleSearchInput(event)}
+                    @change=${(event) => event.stopPropagation()}
+                    @click=${(event) => event.stopPropagation()}
+                  />
+                  <i class="sf-icon sf-icon-hint" aria-hidden="true">search</i>
+                </span>
+              </label>
+            `
+          : nothing}
+        <div class="sf-list-container-wrap">
+          <div
+            class=${`sf-list-container flex flex-col${context.layout === "grid" ? " sf-list-container--grid" : ""}`}
+            style=${context.layout === "grid"
+              ? `--sf-list-container--columns:${context.columns};`
+              : nothing}
+            @click=${(event) => context.component.handleOptionClick(event)}
+            @keydown=${(event) => context.component.handleOptionKeydown(event)}
+          >
+            ${renderOptions(context.options)}
+          </div>
+        </div>
+      </div>
+    </div>
+  `;
+}

package/distr/smart/empty-state/css/empty-state.min.css

@@ -0,0 +1 @@
+@layer sf.components{sf-empty-state{display:block}.sf-empty-state{--sf-empty-state--gap: var(--sf-space-1\/2);display:flex;flex-direction:column;align-items:center;gap:var(--sf-empty-state--gap);max-width:var(--sf-g4);max-inline-size:var(--sf-g4);max-width:var(--sf-g4);max-width:var(--sf-empty-state-max-inline-size, var(--sf-g4));max-inline-size:var(--sf-empty-state-max-inline-size, var(--sf-g4));margin-left:auto;margin-right:auto;margin-inline:auto;padding-top:var(--sf-space-1);padding-bottom:var(--sf-space-1);padding-block:var(--sf-space-1);text-align:center;color:var(--sf-on-surface)}.sf-empty-state-title{margin:0;font-size:var(--sf-heading-5--size);line-height:var(--sf-heading-5--height);font-weight:var(--sf-font-weight-medium)}.sf-empty-state-text{margin:0;color:var(--sf-on-surface-variant);font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--height)}.sf-empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sf-space-1\/3);margin-top:var(--sf-a4);-webkit-margin-before:var(--sf-a4);margin-block-start:var(--sf-a4)}.sf-empty-state--size-1-2{--sf-empty-state--gap: var(--sf-space-1\/3);padding-top:var(--sf-space-1\/2);padding-bottom:var(--sf-space-1\/2);padding-block:var(--sf-space-1\/2)}.sf-empty-state--size-1-2 .sf-empty-state-title{font-size:var(--sf-heading-6--size);line-height:var(--sf-heading-6--height)}.sf-empty-state--size-1-2 .sf-empty-state-text{font-size:var(--sf-text-small--size);line-height:var(--sf-text-small--height)}.sf-empty-state--size-2{--sf-empty-state--gap: var(--sf-space-1);padding-top:var(--sf-space-2);padding-bottom:var(--sf-space-2);padding-block:var(--sf-space-2)}.sf-empty-state--size-2 .sf-empty-state-title{font-size:var(--sf-heading-4--size);line-height:var(--sf-heading-4--height)}.sf-empty-state--size-2 .sf-empty-state-text{font-size:var(--sf-text-large--size);line-height:var(--sf-text-large--height)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-empty-state.sf-empty-state--inline:where(:dir(ltr)){padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8));padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}_:-ms-input-placeholder, [dir="rtl"] .sf-empty-state.sf-empty-state--inline{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-empty-state.sf-empty-state--inline{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, [dir="rtl"] .sf-empty-state.sf-empty-state--inline{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-empty-state.sf-empty-state--inline{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-empty-state.sf-empty-state--inline:where(:dir(rtl)){padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8));padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-empty-state.sf-empty-state--inline{text-align:left}}.sf-empty-state.sf-empty-state--inline:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-empty-state.sf-empty-state--inline{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-empty-state.sf-empty-state--inline{text-align:right}}.sf-empty-state.sf-empty-state--inline:where(:dir(rtl)){text-align:right}.sf-empty-state.sf-empty-state--inline{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--sf-space-1\/3);max-width:none;max-inline-size:none;margin-left:0;margin-right:0;margin-inline:0;min-height:var(--sf-ui-1\/2--control-height);min-block-size:var(--sf-ui-1\/2--control-height);padding-top:0;padding-bottom:0;padding-block:0;padding-left:var(--sf-a8);padding-right:var(--sf-a8);padding-inline:var(--sf-a8) var(--sf-a8);padding-inline:var(--sf-context-menu--inset-start, var(--sf-a8)) var(--sf-context-menu--inset-end, var(--sf-a8));text-align:start;color:var(--sf-on-surface-variant);font-size:var(--sf-text-small--size);line-height:var(--sf-text-small--height)}.sf-empty-state--inline .sf-empty-state-icon{flex:none;color:var(--sf-on-surface-variant);font-size:var(--sf-text-small--height)}.sf-empty-state--inline .sf-empty-state-line{min-width:0;min-inline-size:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-empty-state--inline .sf-empty-state-link{margin-left:auto}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-empty-state--inline .sf-empty-state-link{margin-left:auto}}.sf-empty-state--inline .sf-empty-state-link:where(:dir(ltr)){margin-left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-empty-state--inline .sf-empty-state-link{margin-right:auto}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-empty-state--inline .sf-empty-state-link{margin-right:auto}}.sf-empty-state--inline .sf-empty-state-link:where(:dir(rtl)){margin-right:auto}.sf-empty-state--inline .sf-empty-state-link{-webkit-margin-start:auto;margin-inline-start:auto}.sf-empty-state.sf-empty-state--inline.sf-empty-state--size-1{min-height:var(--sf-ui-1--control-height);min-block-size:var(--sf-ui-1--control-height);font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--height)}.sf-empty-state--inline.sf-empty-state--size-1 .sf-empty-state-icon{font-size:var(--sf-text-medium--height)}}

package/distr/smart/empty-state/js/empty-state.min.js

@@ -0,0 +1,26 @@
+/*! For license information please see empty-state.min.js.LICENSE.txt */
+(()=>{"use strict";var t={d29271955a22(t,e,s){s.a(t,async(t,e)=>{try{var i=s("fbe0570fcc69"),n=s("0d662e4d7d63"),o=s("251572daff8d"),r=t([i,n,o]);[i,n,o]=r.then?(await r)():r;var a=s.n(i);const l=["no-data","nothing-found","no-access","error"],h=["1/3","1/2","1","2"],c=["block","inline"],d=["auto","alert","off"],u={en:{"no-data-title":"Nothing here yet","no-data-text":"Items will appear here","nothing-found-title":"Nothing found","nothing-found-text":"Try another query or other filters","no-access-title":"No access","no-access-text":"Ask an administrator for access","error-title":"Could not load","error-text":"Try again",retry:"Try again"},ru:{"no-data-title":"Пока ничего нет","no-data-text":"Здесь появятся записи, когда они будут","nothing-found-title":"Ничего не найдено","nothing-found-text":"Попробуйте изменить запрос или фильтры","no-access-title":"Нет доступа","no-access-text":"Обратитесь к администратору","error-title":"Не удалось загрузить","error-text":"Попробуйте ещё раз",retry:"Повторить"}},p={"no-data":"inbox","nothing-found":"search_off","no-access":"lock",error:"error"},$={"no-data":"neutral","nothing-found":"neutral","no-access":"warning",error:"error"};class f extends(a()){constructor(){super(),this._actions=null}static get props(){return{templateName:{attribute:"template",default:"default"},kind:{default:"no-data"},size:{default:"1"},icon:{default:""},title:{default:""},text:{default:""},headingLevel:{attribute:"heading-level",default:"3"},layout:{default:"block"},live:{default:"auto"},rootClass:{default:""}}}get actions(){return this._actions}set actions(t){this._actions=Array.isArray(t)?t.filter(t=>t&&void 0!==t.id):null,this.requestComponentUpdate("actions")}get kind(){const t=this.getAttribute("kind");return l.includes(t)?t:"no-data"}get size(){const t=this.getAttribute("size");return h.includes(t)?t:"1"}get layout(){if("1/3"===this.getAttribute("size"))return"inline";const t=this.getAttribute("layout");return c.includes(t)?t:"block"}get live(){const t=this.getAttribute("live");return d.includes(t)?t:"auto"}liveRole(){return"off"===this.live?null:"alert"===this.live?"alert":"nothing-found"===this.kind||"error"===this.kind?"status":null}get icon(){return this.getAttribute("icon")||""}get title(){return this.getAttribute("title")||""}get text(){return this.getAttribute("text")||""}get headingLevel(){const t=Number(this.getAttribute("heading-level"));return t>=2&&t<=6?String(t):"3"}words(t){return(0,n.pageText)(u,t,this,"sf-empty-state")}resolvedActions(){return this._actions?this._actions:this.hasSlotContent?.("actions")?[]:"error"===this.kind?[{id:"retry",text:this.words("retry"),appearance:"outline"}]:[]}act(t){this.dispatchEvent(new CustomEvent("sf-empty-state-action",{bubbles:!0,composed:!0,detail:{id:String(t)}}))}templateContext(){const t=this.kind;return this.createTemplateContext({...this.getPropsContext(),component:this,kind:t,size:this.size,headingLevel:this.headingLevel,shownIcon:this.icon||p[t],tone:$[t],shownTitle:this.title||this.words(`${t}-title`),shownText:this.text||this.words(`${t}-text`),resolvedActions:this.resolvedActions(),layout:this.layout,liveRole:this.liveRole(),shownLine:this.text||this.title||this.words(`${t}-title`),rootClass:this.getRootClass()})}template(){return(0,o.H)(this.templateContext())}}f.define("sf-empty-state"),e()}catch(t){e(t)}})},"251572daff8d"(t,e,s){s.a(t,async(t,i)=>{try{s.d(e,{H:()=>d});var n=s("ddf1cdb42ecc"),o=s("cabd982dcf78"),r=t([n]),a=r.then?(await r)():r;n=a[0];const l={"1/2":"1",1:"2",2:"3"},h={"1/2":"1/2",1:"1",2:"1"};function c(t){const e="1"===t.size?"1":"1-2",[s]=t.resolvedActions??[];return n.html`
+    <div class=${["sf-empty-state","sf-empty-state--inline",`sf-empty-state--size-${e}`,`sf-empty-state--${t.kind}`,t.rootClass].filter(Boolean).join(" ")}
+         role=${t.liveRole??n.nothing}>
+      <i class="sf-icon sf-empty-state-icon" aria-hidden="true">${t.shownIcon}</i>
+      <span class="sf-empty-state-line">${t.shownLine}</span>
+      ${s?n.html`<sf-button class="sf-empty-state-link" size=${"1"===e?"1":"1/2"} appearance="link" scheme="primary" spacing="compact"
+                 text=${s.text??""} data-action=${String(s.id)}
+                 @click=${()=>t.component.act(s.id)}></sf-button>`:n.nothing}
+    </div>
+  `}function d(t){if("inline"===t.layout)return c(t);const e=(0,o.Bk)(`h${t.headingLevel}`),s=String(t.size).replace("/","-"),i=t.resolvedActions??[],r=t.component?.hasSlotContent?.("actions")?t.component.getSlotContent("actions"):n.nothing;return n.html`
+    <div class=${["sf-empty-state",`sf-empty-state--size-${s}`,`sf-empty-state--${t.kind}`,t.rootClass].filter(Boolean).join(" ")}
+         role=${t.liveRole??n.nothing}>
+      <span class=${`sf-featured-icon sf-featured-icon--size-${l[t.size]??"2"} sf-featured-icon--${t.tone} sf-featured-icon--soft sf-empty-state-icon`}
+            aria-hidden="true"><i class="sf-icon">${t.shownIcon}</i></span>
+      ${o.qy`<${e} class="sf-empty-state-title">${t.shownTitle}</${e}>`}
+      ${t.shownText?n.html`<p class="sf-empty-state-text">${t.shownText}</p>`:n.nothing}
+      ${i.length||r!==n.nothing?n.html`<div class="sf-empty-state-actions">
+            ${r}
+            ${i.map(e=>n.html`<sf-button size=${h[t.size]??"1"} appearance=${e.appearance??"default"}
+                scheme=${e.scheme??("outline"===e.appearance?"on-surface":"primary")}
+                text=${e.text??""} data-action=${String(e.id)}
+                @click=${()=>t.component.act(e.id)}></sf-button>`)}
+          </div>`:n.nothing}
+    </div>
+  `}i()}catch(u){i(u)}})},ddf1cdb42ecc(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(t){t.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(t=>globalThis.addEventListener("sf-runtime-ready",()=>t(globalThis.SF.runtimeModule("smart-base")),{once:!0}))},cabd982dcf78(t,e,s){s.d(e,{qy:()=>J,Bk:()=>V});const i=globalThis,n=t=>t,o=i.trustedTypes,r=o?o.createPolicy("lit-html",{createHTML:t=>t}):void 0,a="$lit$",l=`lit$${Math.random().toFixed(9).slice(2)}$`,h="?"+l,c=`<${h}>`,d=document,u=()=>d.createComment(""),p=t=>null===t||"object"!=typeof t&&"function"!=typeof t,$=Array.isArray,f=t=>$(t)||"function"==typeof t?.[Symbol.iterator],g="[ \t\n\f\r]",m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,A=/>/g,y=RegExp(`>|${g}(?:([^\\s"'>=/]+)(${g}*=${g}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),v=/'/g,b=/"/g,x=/^(?:script|style|textarea|title)$/i,w=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),T=w(1),S=w(2),H=w(3),k=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),N=new WeakMap,M=d.createTreeWalker(d,129);function E(t,e){if(!$(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==r?r.createHTML(e):e}const z=(t,e)=>{const s=t.length-1,i=[];let n,o=2===e?"<svg>":3===e?"<math>":"",r=m;for(let e=0;e<s;e++){const s=t[e];let h,d,u=-1,p=0;for(;p<s.length&&(r.lastIndex=p,d=r.exec(s),null!==d);)p=r.lastIndex,r===m?"!--"===d[1]?r=_:void 0!==d[1]?r=A:void 0!==d[2]?(x.test(d[2])&&(n=RegExp("</"+d[2],"g")),r=y):void 0!==d[3]&&(r=y):r===y?">"===d[0]?(r=n??m,u=-1):void 0===d[1]?u=-2:(u=r.lastIndex-d[2].length,h=d[1],r=void 0===d[3]?y:'"'===d[3]?b:v):r===b||r===v?r=y:r===_||r===A?r=m:(r=y,n=void 0);const $=r===y&&t[e+1].startsWith("/>")?" ":"";o+=r===m?s+c:u>=0?(i.push(h),s.slice(0,u)+a+s.slice(u)+l+$):s+l+(-2===u?e:$)}return[E(t,o+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class L{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,r=0;const c=t.length-1,d=this.parts,[p,$]=z(t,e);if(this.el=L.createElement(p,s),M.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=M.nextNode())&&d.length<c;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(a)){const e=$[r++],s=i.getAttribute(t).split(l),o=/([.?@])?(.*)/.exec(e);d.push({type:1,index:n,name:o[2],strings:s,ctor:"."===o[1]?R:"?"===o[1]?O:"@"===o[1]?B:F}),i.removeAttribute(t)}else t.startsWith(l)&&(d.push({type:6,index:n}),i.removeAttribute(t));if(x.test(i.tagName)){const t=i.textContent.split(l),e=t.length-1;if(e>0){i.textContent=o?o.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],u()),M.nextNode(),d.push({type:2,index:++n});i.append(t[e],u())}}}else if(8===i.nodeType)if(i.data===h)d.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(l,t+1));)d.push({type:7,index:n}),t+=l.length-1}n++}}static createElement(t,e){const s=d.createElement("template");return s.innerHTML=t,s}}function P(t,e,s=t,i){if(e===k)return e;let n=void 0!==i?s._$Co?.[i]:s._$Cl;const o=p(e)?void 0:e._$litDirective$;return n?.constructor!==o&&(n?._$AO?.(!1),void 0===o?n=void 0:(n=new o(t),n._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=n:s._$Cl=n),void 0!==n&&(e=P(t,n._$AS(t,e.values),n,i)),e}class I{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??d).importNode(e,!0);M.currentNode=i;let n=M.nextNode(),o=0,r=0,a=s[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new j(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new U(n,this,t)),this._$AV.push(e),a=s[++r]}o!==a?.index&&(n=M.nextNode(),o++)}return M.currentNode=d,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class j{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),p(t)?t===C||null==t||""===t?(this._$AH!==C&&this._$AR(),this._$AH=C):t!==this._$AH&&t!==k&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):f(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==C&&p(this._$AH)?this._$AA.nextSibling.data=t:this.T(d.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=L.createElement(E(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new I(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=N.get(t.strings);return void 0===e&&N.set(t.strings,e=new L(t)),e}k(t){$(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new j(this.O(u()),this.O(u()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=n(t).nextSibling;n(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class F{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=C,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=C}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(void 0===n)t=P(this,t,e,0),o=!p(t)||t!==this._$AH&&t!==k,o&&(this._$AH=t);else{const i=t;let r,a;for(t=n[0],r=0;r<n.length-1;r++)a=P(this,i[s+r],e,r),a===k&&(a=this._$AH[r]),o||=!p(a)||a!==this._$AH[r],a===C?t=C:t!==C&&(t+=(a??"")+n[r+1]),this._$AH[r]=a}o&&!i&&this.j(t)}j(t){t===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class R extends F{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===C?void 0:t}}class O extends F{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==C)}}class B extends F{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=P(this,t,e,0)??C)===k)return;const s=this._$AH,i=t===C&&s!==C||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==C&&(s===C||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const q=i.litHtmlPolyfillSupport;q?.(L,j),(i.litHtmlVersions??=[]).push("3.3.3");const W=Symbol.for(""),D=t=>{if(t?.r===W)return t?._$litStatic$},V=t=>({_$litStatic$:t,r:W}),Z=new Map,G=t=>(e,...s)=>{const i=s.length;let n,o;const r=[],a=[];let l,h=0,c=!1;for(;h<i;){for(l=e[h];h<i&&void 0!==(o=s[h],n=D(o));)l+=n+e[++h],c=!0;h!==i&&a.push(o),r.push(l),h++}if(h===i&&r.push(e[i]),c){const t=r.join("$$lit$$");void 0===(e=Z.get(t))&&(r.raw=r,Z.set(t,e=r)),s=a}return t(e,...s)},J=G(T);G(S),G(H)}};const e={};function s(i){const n=e[i];if(void 0!==n)return n.exports;const o=e[i]={exports:{}};return t[i](o,o.exports,s),o.exports}(()=>{const t="function"==typeof Symbol,e=t?Symbol("webpack queues"):"__webpack_queues__",i=t?Symbol("webpack exports"):"__webpack_exports__",n=t?Symbol("webpack error"):"__webpack_error__",o=t=>{t?.d<1&&(t.d=1,t.forEach(t=>t.r--),t.forEach(t=>t.r--?t.r++:t()))};s.a=(t,s,r)=>{let a;r&&((a=[]).d=-1);const l=new Set,h=t.exports;let c,d,u;const p=new Promise((t,e)=>{u=e,d=t});p[i]=h,p[e]=t=>(a&&t(a),l.forEach(t),p.catch(t=>{})),t.exports=p;s(t=>{let s;c=(t=>t.map(t=>{if(null!==t&&"object"==typeof t){if(t[e])return t;if(t.then){const s=[];s.d=0,t.then(t=>{r[i]=t,o(s)},t=>{r[n]=t,o(s)});const r={};return r[e]=t=>t(s),r}}const s={};return s[e]=t=>{},s[i]=t,s}))(t);const r=()=>c.map(t=>{if(t[n])throw t[n];return t[i]}),h=new Promise(t=>{s=()=>t(r),s.r=0;const i=t=>t!==a&&!l.has(t)&&(l.add(t),t&&!t.d&&(s.r++,t.push(s)));c.map(t=>t[e](i))});return s.r?h:r()},t=>(t?u(p[n]=t):d(h),o(a))),a?.d<0&&(a.d=0)}})(),s.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var n=e[i++],o=e[i++];s.o(t,n)?0===o&&i++:0===o?Object.defineProperty(t,n,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,n,{enumerable:!0,get:o})}else for(var n in e)s.o(e,n)&&!s.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);s("d29271955a22")})();

package/distr/smart/empty-state/js/empty-state.min.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */