@nl-design-system-community/clippy-components 1.0.0 → 1.2.0

package/dist/clippy-lang-combobox/index.js

@@ -0,0 +1,290 @@
+import { C as k, a as A } from "../index-CmKtM5nD.js";
+import { s as C } from "../decorators-BGpMqJ7V.js";
+import { L as S } from "../index-CaVpiaBC.js";
+import { css as T, html as p, nothing as l } from "lit";
+import { property as y } from "lit/decorators.js";
+import { ifDefined as z } from "lit/directives/if-defined.js";
+const O = {
+  aa: "Afaraf",
+  ab: "аҧсуа бызшәа",
+  ae: "Avesta",
+  af: "Afrikaans",
+  ak: "Akan",
+  am: "አማርኛ",
+  an: "aragonés",
+  ar: "العربية",
+  as: "অসমীয়া",
+  av: "авар мацӀ",
+  ay: "Aymar aru",
+  az: "azərbaycan dili",
+  ba: "башҡорт теле",
+  be: "беларуская мова",
+  bg: "български език",
+  bh: "भोजपुरी",
+  bi: "Bislama",
+  bm: "Bamanankan",
+  bn: "বাংলা",
+  bo: "བོད་སྐད་",
+  br: "brezhoneg",
+  bs: "bosanski jezik",
+  ca: "català",
+  ce: "нохчийн мотт",
+  ch: "Chamoru",
+  co: "corsu",
+  cr: "ᓀᐦᐃᔭᐍᐏᐣ",
+  cs: "čeština",
+  cu: "ѩзыкъ словѣньскъ",
+  cv: "чӑваш чӗлхи",
+  cy: "Cymraeg",
+  da: "dansk",
+  de: "Deutsch",
+  dv: "ދިވެހި",
+  dz: "རྫོང་ཁ",
+  ee: "Eʋegbe",
+  el: "ελληνικά",
+  en: "English",
+  eo: "Esperanto",
+  es: "español",
+  et: "eesti",
+  eu: "euskara",
+  fa: "فارسی",
+  ff: "Fulfulde",
+  fi: "suomi",
+  fj: "vosa Vakaviti",
+  fo: "Føroyskt",
+  fr: "français",
+  fy: "Frysk",
+  ga: "Gaeilge",
+  gd: "Gàidhlig",
+  gl: "galego",
+  gn: "Avañe'ẽ",
+  gu: "ગુજરાતી",
+  gv: "Gaelg",
+  ha: "Hausa",
+  he: "עברית",
+  hi: "हिन्दी",
+  ho: "Hiri Motu",
+  hr: "hrvatski jezik",
+  ht: "Kreyòl ayisyen",
+  hu: "magyar",
+  hy: "Հայերեն",
+  hz: "Otjiherero",
+  ia: "Interlingua",
+  id: "Bahasa Indonesia",
+  ie: "Interlingue",
+  ig: "Asụsụ Igbo",
+  ii: "ꆈꌠ꒿ Nuosuhxop",
+  ik: "Iñupiaq",
+  io: "Ido",
+  is: "Íslenska",
+  it: "italiano",
+  iu: "ᐃᓄᒃᑎᑐᑦ",
+  ja: "日本語",
+  jv: "basa Jawa",
+  ka: "ქართული",
+  kg: "Kikongo",
+  ki: "Gĩkũyũ",
+  kj: "Kuanyama",
+  kk: "қазақ тілі",
+  kl: "Kalaallisut",
+  km: "ខ្មែរ",
+  kn: "ಕನ್ನಡ",
+  ko: "한국어",
+  kr: "Kanuri",
+  ks: "कश्मीरी",
+  ku: "Kurdî",
+  kv: "коми кыв",
+  kw: "Kernewek",
+  ky: "Кыргызча",
+  la: "lingua Latina",
+  lb: "Lëtzebuergesch",
+  lg: "Luganda",
+  li: "Limburgs",
+  ln: "Lingála",
+  lo: "ພາສາລາວ",
+  lt: "lietuvių kalba",
+  lu: "Kiluba",
+  lv: "latviešu valoda",
+  mg: "fiteny malagasy",
+  mh: "Kajin M̧ajeļ",
+  mi: "te reo Māori",
+  mk: "македонски јазик",
+  ml: "മലയാളം",
+  mn: "монгол",
+  mr: "मराठी",
+  ms: "bahasa Melayu",
+  mt: "Malti",
+  my: "ဗမာစာ",
+  na: "Ekakairũ Naoero",
+  nb: "Norsk bokmål",
+  nd: "isiNdebele",
+  ne: "नेपाली",
+  ng: "Owambo",
+  nl: "Nederlands",
+  nn: "Norsk nynorsk",
+  no: "Norsk",
+  nr: "isiNdebele",
+  nv: "Diné bizaad",
+  ny: "chiCheŵa",
+  oc: "occitan",
+  oj: "ᐊᓂᔑᓈᐯᒧᐎᓐ",
+  om: "Afaan Oromoo",
+  or: "ଓଡ଼ିଆ",
+  os: "ирон æвзаг",
+  pa: "ਪੰਜਾਬੀ",
+  pi: "पालि",
+  pl: "polski",
+  ps: "پښتو",
+  pt: "português",
+  qu: "Runa Simi",
+  rm: "Rumantsch Grischun",
+  rn: "Ikirundi",
+  ro: "română",
+  ru: "русский язык",
+  rw: "Ikinyarwanda",
+  sa: "संस्कृतम्",
+  sc: "Sardu",
+  sd: "سنڌي",
+  se: "Davvisámegiella",
+  sg: "yângâ tî sängö",
+  si: "සිංහල",
+  sk: "slovenčina",
+  sl: "slovenščina",
+  sm: "gagana fa'a Samoa",
+  sn: "chiShona",
+  so: "Soomaaliga",
+  sq: "Shqip",
+  sr: "српски језик",
+  ss: "SiSwati",
+  st: "Sesotho",
+  su: "Basa Sunda",
+  sv: "svenska",
+  sw: "Kiswahili",
+  ta: "தமிழ்",
+  te: "తెలుగు",
+  tg: "тоҷикӣ",
+  th: "ไทย",
+  ti: "ትግርኛ",
+  tk: "Türkmen",
+  tl: "Wikang Tagalog",
+  tn: "Setswana",
+  to: "lea faka-Tonga",
+  tr: "Türkçe",
+  ts: "Xitsonga",
+  tt: "татар теле",
+  tw: "Twi",
+  ty: "Reo Tahiti",
+  ug: "ئۇيغۇرچە",
+  uk: "українська мова",
+  ur: "اردو",
+  uz: "Oʻzbek",
+  ve: "Tshivenḓa",
+  vi: "Tiếng Việt",
+  vo: "Volapük",
+  wa: "Walon",
+  wo: "Wolof",
+  xh: "isiXhosa",
+  yi: "ייִדיש",
+  yo: "Yorùbá",
+  za: "Saɯ cueŋƅ",
+  zh: "中文",
+  zu: "isiZulu"
+}, N = /* @__PURE__ */ new Set(["ar", "dv", "fa", "he", "ps", "sd", "ug", "ur", "yi"]), b = (a) => N.has(a) ? "rtl" : "ltr", D = T`
+  /**
+   * Whenever the writing direction of an element inside the option is different, we want to align it differently.
+   * For both scenarios that would come down to "justify:content: flex-end"
+   */
+  .clippy-combobox__option:dir(ltr):has(*:dir(rtl)),
+  .clippy-combobox__option:dir(rtl):has(*:dir(ltr)),
+  .clippy-combobox__current-option:dir(ltr):has(*:dir(rtl)),
+  .clippy-combobox__current-option:dir(rtl):has(*:dir(ltr)) {
+    justify-content: flex-end;
+  }
+`;
+var E = Object.defineProperty, I = Object.getOwnPropertyDescriptor, v = (a) => {
+  throw TypeError(a);
+}, c = (a, t, o, e) => {
+  for (var s = e > 1 ? void 0 : e ? I(t, o) : t, n = a.length - 1, r; n >= 0; n--)
+    (r = a[n]) && (s = (e ? r(t, o, s) : r(s)) || s);
+  return e && s && E(t, o, s), s;
+}, _ = (a, t, o) => t.has(a) || v("Cannot " + o), m = (a, t, o) => (_(a, t, "read from private field"), o ? o.call(a) : t.get(a)), g = (a, t, o) => t.has(a) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, o), f = (a, t, o, e) => (_(a, t, "write to private field"), t.set(a, o), o), h, u, d, w;
+const x = ["both", "autonym", "exonym"], L = x[0], $ = "-", F = "clippy-lang-combobox";
+class M extends k {
+}
+let i = class extends S(M) {
+  constructor() {
+    super(...arguments), g(this, d), this.exonyms = new Intl.DisplayNames(this.DEFAULT_LANG, { type: "language" }), this.separator = $, this.format = L, g(this, h, []), g(this, u), this.autonyms = { of: i.autonyms.of }, this.filter = (a) => {
+      const t = a.toLowerCase();
+      return ({ autonym: o, exonym: e, label: s }) => {
+        const n = s.toLowerCase().includes(t);
+        switch (this.format) {
+          case "autonym":
+            return n || e.toLowerCase().includes(t);
+          case "exonym":
+            return n || o.toLowerCase().includes(t);
+          default:
+            return n;
+        }
+      };
+    };
+  }
+  set lang(a) {
+    a !== m(this, u) && (f(this, u, a), this.exonyms = new Intl.DisplayNames(a, { type: "language" }));
+  }
+  get lang() {
+    return m(this, u) || this.DEFAULT_LANG;
+  }
+  set options(a) {
+    f(this, h, a.map((t) => {
+      const o = this.autonyms.of(t), e = this.exonyms.of(t) || o, s = {
+        autonym: o,
+        exonym: e,
+        value: t
+      }, n = e === o ? "" : ` ${this.separator} ${o}`, r = this.format === "both" ? `${s.exonym}${n}` : s?.[this.format];
+      return {
+        ...s,
+        label: r
+      };
+    }));
+  }
+  get options() {
+    return m(this, h);
+  }
+  renderEntry(a) {
+    const t = b(a.value), o = t === m(this, d, w) ? void 0 : t, e = a.value === this.lang, s = e || ["both", "exonym"].includes(this.format) ? p`<span class="clippy-lang-combobox__exonym">${a.exonym}</span>` : l, n = !e && ["both", "autonym"].includes(this.format) ? p`<span class="clippy-lang-combobox__autonym" lang=${a.value} dir=${z(o)}>
+            ${a.autonym}
+          </span>` : l, r = s === l || n === l ? l : p`<span role="presentation">${this.separator}</span>`;
+    return p` <span class="clippy-lang-combobox__option"> ${s} ${r} ${n} </span>`;
+  }
+};
+h = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakSet();
+w = function() {
+  return b(this.lang);
+};
+i.autonyms = { of: (a) => O[a] };
+i.styles = [...k.styles, D];
+c([
+  y()
+], i.prototype, "separator", 2);
+c([
+  y({
+    converter: {
+      fromAttribute: (a) => x.find((t) => t === a) || L
+    },
+    type: String
+  })
+], i.prototype, "format", 2);
+c([
+  y()
+], i.prototype, "lang", 1);
+c([
+  y({ converter: A, type: Array })
+], i.prototype, "options", 1);
+i = c([
+  C(F)
+], i);
+export {
+  i as ClippyLangCombobox
+};

package/dist/clippy-lang-combobox/languages.d.ts

@@ -0,0 +1,202 @@
+declare const languages: {
+    aa: string;
+    ab: string;
+    ae: string;
+    af: string;
+    ak: string;
+    am: string;
+    an: string;
+    ar: string;
+    as: string;
+    av: string;
+    ay: string;
+    az: string;
+    ba: string;
+    be: string;
+    bg: string;
+    bh: string;
+    bi: string;
+    bm: string;
+    bn: string;
+    bo: string;
+    br: string;
+    bs: string;
+    ca: string;
+    ce: string;
+    ch: string;
+    co: string;
+    cr: string;
+    cs: string;
+    cu: string;
+    cv: string;
+    cy: string;
+    da: string;
+    de: string;
+    dv: string;
+    dz: string;
+    ee: string;
+    el: string;
+    en: string;
+    eo: string;
+    es: string;
+    et: string;
+    eu: string;
+    fa: string;
+    ff: string;
+    fi: string;
+    fj: string;
+    fo: string;
+    fr: string;
+    fy: string;
+    ga: string;
+    gd: string;
+    gl: string;
+    gn: string;
+    gu: string;
+    gv: string;
+    ha: string;
+    he: string;
+    hi: string;
+    ho: string;
+    hr: string;
+    ht: string;
+    hu: string;
+    hy: string;
+    hz: string;
+    ia: string;
+    id: string;
+    ie: string;
+    ig: string;
+    ii: string;
+    ik: string;
+    io: string;
+    is: string;
+    it: string;
+    iu: string;
+    ja: string;
+    jv: string;
+    ka: string;
+    kg: string;
+    ki: string;
+    kj: string;
+    kk: string;
+    kl: string;
+    km: string;
+    kn: string;
+    ko: string;
+    kr: string;
+    ks: string;
+    ku: string;
+    kv: string;
+    kw: string;
+    ky: string;
+    la: string;
+    lb: string;
+    lg: string;
+    li: string;
+    ln: string;
+    lo: string;
+    lt: string;
+    lu: string;
+    lv: string;
+    mg: string;
+    mh: string;
+    mi: string;
+    mk: string;
+    ml: string;
+    mn: string;
+    mr: string;
+    ms: string;
+    mt: string;
+    my: string;
+    na: string;
+    nb: string;
+    nd: string;
+    ne: string;
+    ng: string;
+    nl: string;
+    nn: string;
+    no: string;
+    nr: string;
+    nv: string;
+    ny: string;
+    oc: string;
+    oj: string;
+    om: string;
+    or: string;
+    os: string;
+    pa: string;
+    pi: string;
+    pl: string;
+    ps: string;
+    pt: string;
+    qu: string;
+    rm: string;
+    rn: string;
+    ro: string;
+    ru: string;
+    rw: string;
+    sa: string;
+    sc: string;
+    sd: string;
+    se: string;
+    sg: string;
+    si: string;
+    sk: string;
+    sl: string;
+    sm: string;
+    sn: string;
+    so: string;
+    sq: string;
+    sr: string;
+    ss: string;
+    st: string;
+    su: string;
+    sv: string;
+    sw: string;
+    ta: string;
+    te: string;
+    tg: string;
+    th: string;
+    ti: string;
+    tk: string;
+    tl: string;
+    tn: string;
+    to: string;
+    tr: string;
+    ts: string;
+    tt: string;
+    tw: string;
+    ty: string;
+    ug: string;
+    uk: string;
+    ur: string;
+    uz: string;
+    ve: string;
+    vi: string;
+    vo: string;
+    wa: string;
+    wo: string;
+    xh: string;
+    yi: string;
+    yo: string;
+    za: string;
+    zh: string;
+    zu: string;
+};
+export type LangCode = keyof typeof languages;
+/**
+ * Return writing direction based on ISO-639-1 language code.
+ *
+ * Strictly speaking, direction is dictated by script, not language, and languages can have multiple scripts.
+ * Examples are Sindhi, which can be written in both Perso-Arabic (rtl) and Devanagari (ltr), and Hausa, which can be
+ * written in both Boko (ltr) and Arabic.
+ * A possible solution for this would be to expand this component to also incorporate the ISO 15924 standard for script
+ * subtags on language codes.
+ *
+ * @param lang two-letter language code as defined in ISO-639-1
+ * @returns `"rtl"` or `"ltr"`
+ */
+export declare const direction: (lang: string) => "rtl" | "ltr";
+export default languages;
+//# sourceMappingURL=languages.d.ts.map

package/dist/clippy-lang-combobox/languages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../src/clippy-lang-combobox/languages.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLd,CAAC;AAIF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,KAAG,KAAK,GAAG,KAEhD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/clippy-modal/index.d.ts

@@ -41,3 +41,4 @@ export declare class ClippyModal extends LitElement {
     get returnValue(): string;
     render(): import('lit').TemplateResult<1>;
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/clippy-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clippy-modal/index.ts"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAA6B,MAAM,KAAK,CAAC;AAS5D,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF,qBACa,WAAY,SAAQ,UAAU;IACzC;;;OAGG;IAEH,eAAe,SAAM;IACrB;;OAEG;IAEH,YAAY,UAAS;IACgB,KAAK,SAAM;IACpB,QAAQ,SAAS;IAC7C;;;;;;OAMG;IAEH,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAY;IAC3D;;;OAGG;IACyB,YAAY,SAAQ;IACpB,WAAW,SAAY;IAGnD,QAAQ,CAAC,aAAa,EAAG,iBAAiB,CAAC;IAE3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmD;IAE3E,OAAO,CAAC,wBAAwB,CAA4B;IAE5D,gBAAyB,MAAM,0DAI7B;IAEF,QAAQ,CAAC,IAAI,aAOX;IAEF,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM;IAMpB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAiB5B;IAEF,OAAO,CAAC,QAAQ,CAAC,cAAc,CAK7B;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IAEF,IAAI,WAAW,IAAI,MAAM,CAExB;IAEQ,MAAM;CA8ChB"}