@0001-labs/design-system-1 0.3.0-alpha.28 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DS1/0-face/button-label.ts +28 -0
- package/DS1/0-face/calendar.ts +6 -4
- package/DS1/0-face/carousel.ts +70 -0
- package/DS1/0-face/constraint-panel.ts +443 -0
- package/DS1/0-face/constraint-site.ts +201 -0
- package/DS1/0-face/constraints.ts +308 -0
- package/DS1/0-face/copy-text.ts +1 -1
- package/DS1/0-face/cut-fade.ts +312 -0
- package/DS1/0-face/define.ts +30 -2
- package/DS1/0-face/face-correction.ts +96 -0
- package/DS1/0-face/failures.ts +32 -0
- package/DS1/0-face/fault-lines.ts +159 -0
- package/DS1/0-face/feedback-overlays.ts +5 -3
- package/DS1/0-face/feedback.ts +3 -0
- package/DS1/0-face/focus-vision.swift +31 -0
- package/DS1/0-face/focus.ts +181 -0
- package/DS1/0-face/google-face-metrics.json +102 -0
- package/DS1/0-face/grid.ts +61 -4
- package/DS1/0-face/i18n.ts +36 -18
- package/DS1/0-face/layout-inspector.ts +124 -98
- package/DS1/0-face/preference-options.ts +4 -0
- package/DS1/0-face/scaling.ts +21 -3
- package/DS1/0-face/shape.ts +43 -0
- package/DS1/0-face/text-contrast.ts +164 -0
- package/DS1/0-face/theme-bootstrap.js +43 -0
- package/DS1/0-face/toast-queue.ts +7 -1
- package/DS1/0-face/translations/da.json +10 -1
- package/DS1/0-face/translations/de.json +10 -1
- package/DS1/0-face/translations/en.json +10 -1
- package/DS1/0-face/translations/es.json +10 -1
- package/DS1/0-face/translations/fi.json +10 -1
- package/DS1/0-face/translations/fr.json +10 -1
- package/DS1/0-face/translations/is.json +10 -1
- package/DS1/0-face/translations/it.json +10 -1
- package/DS1/0-face/translations/ja.json +10 -1
- package/DS1/0-face/translations/ko.json +10 -1
- package/DS1/0-face/translations/nb.json +10 -1
- package/DS1/0-face/translations/pt-BR.json +10 -1
- package/DS1/0-face/translations/pt.json +10 -1
- package/DS1/0-face/translations/sv.json +10 -1
- package/DS1/0-face/translations/zh.json +10 -1
- package/DS1/0-face/word-wrap.ts +113 -0
- package/DS1/1-root/card.css +47 -20
- package/DS1/1-root/carousel.css +7 -0
- package/DS1/1-root/cjk.css +1 -1
- package/DS1/1-root/component-tokens.css +3 -2
- package/DS1/1-root/context.css +44 -6
- package/DS1/1-root/controls.css +99 -8
- package/DS1/1-root/document.css +9 -1
- package/DS1/1-root/empty.css +46 -5
- package/DS1/1-root/figures.css +50 -3
- package/DS1/1-root/fonts.css +1 -1
- package/DS1/1-root/footer.css +147 -16
- package/DS1/1-root/foundation.ts +60 -0
- package/DS1/1-root/guide.css +35 -0
- package/DS1/1-root/header.css +30 -9
- package/DS1/1-root/material.css +67 -0
- package/DS1/1-root/notice.css +10 -2
- package/DS1/1-root/one.css +15 -7
- package/DS1/1-root/progress.css +9 -1
- package/DS1/1-root/row.css +68 -2
- package/DS1/1-root/table.css +47 -4
- package/DS1/1-root/text.css +26 -0
- package/DS1/2-core/button-split.ts +10 -5
- package/DS1/2-core/chart/chart.css +71 -2
- package/DS1/2-core/chart/grid-chart.ts +2 -1
- package/DS1/2-core/ds-activity.ts +32 -0
- package/DS1/2-core/ds-app-chrome.ts +1 -0
- package/DS1/2-core/ds-avatar.ts +75 -7
- package/DS1/2-core/ds-badge.ts +8 -1
- package/DS1/2-core/ds-button.ts +7 -1
- package/DS1/2-core/ds-chart.ts +184 -49
- package/DS1/2-core/ds-cycle.ts +27 -186
- package/DS1/2-core/ds-device-bezel.ts +1 -0
- package/DS1/2-core/ds-empty.ts +6 -4
- package/DS1/2-core/ds-input.ts +23 -3
- package/DS1/2-core/ds-message.ts +22 -0
- package/DS1/2-core/ds-number.ts +349 -0
- package/DS1/2-core/ds-progress.ts +3 -0
- package/DS1/2-core/ds-radio.ts +3 -0
- package/DS1/2-core/ds-stat.ts +3 -0
- package/DS1/2-core/ds-switch.ts +5 -1
- package/DS1/2-core/ds-tag.ts +9 -2
- package/DS1/2-core/ds-text.ts +7 -0
- package/DS1/2-core/ds-token.ts +3 -0
- package/DS1/2-core/ds-tooltip.ts +17 -2
- package/DS1/2-core/ds-window.ts +1 -0
- package/DS1/2-core/generated/ds-icon-map.ts +47 -5
- package/DS1/2-core/generated/icons-extra.ts +24 -3
- package/DS1/2-core/generated/icons-immediate.ts +3 -3
- package/DS1/2-core/number-expression.ts +64 -0
- package/DS1/2-core/styles/ds-activity.css +16 -0
- package/DS1/2-core/styles/ds-badge.css +4 -1
- package/DS1/2-core/styles/ds-button-host.css +47 -13
- package/DS1/2-core/styles/ds-button-split.css +8 -0
- package/DS1/2-core/styles/ds-button.css +94 -20
- package/DS1/2-core/styles/ds-card.css +6 -0
- package/DS1/2-core/styles/ds-checkbox.css +20 -8
- package/DS1/2-core/styles/ds-image.css +2 -1
- package/DS1/2-core/styles/ds-input.css +37 -4
- package/DS1/2-core/styles/ds-number.css +127 -0
- package/DS1/2-core/styles/ds-radio.css +4 -1
- package/DS1/2-core/styles/ds-switch.css +34 -4
- package/DS1/2-core/styles/ds-tag.css +34 -6
- package/DS1/2-core/styles/ds-text.css +13 -4
- package/DS1/2-core/styles/ds-token.css +4 -1
- package/DS1/2-core/styles/ds-tooltip.css +13 -7
- package/DS1/3-unit/calendar-base.ts +5 -2
- package/DS1/3-unit/context-trigger.ts +29 -2
- package/DS1/3-unit/ds-calendar.ts +711 -37
- package/DS1/3-unit/ds-carousel.ts +13 -1
- package/DS1/3-unit/ds-context.ts +40 -2
- package/DS1/3-unit/ds-form.ts +47 -11
- package/DS1/3-unit/ds-list.ts +31 -3
- package/DS1/3-unit/ds-matrix.ts +3 -0
- package/DS1/3-unit/ds-menu.ts +9 -5
- package/DS1/3-unit/ds-row.ts +17 -2
- package/DS1/3-unit/ds-select.ts +1 -1
- package/DS1/3-unit/ds-sidebar.ts +18 -3
- package/DS1/3-unit/ds-table-of-contents.ts +166 -0
- package/DS1/3-unit/ds-table.ts +2 -1
- package/DS1/3-unit/ds-tabs.ts +40 -2
- package/DS1/3-unit/styles/ds-calendar.css +356 -42
- package/DS1/3-unit/styles/ds-context.css +38 -0
- package/DS1/3-unit/styles/ds-list.css +26 -1
- package/DS1/3-unit/styles/ds-matrix.css +4 -1
- package/DS1/3-unit/styles/ds-row.css +39 -0
- package/DS1/3-unit/styles/ds-select.css +22 -12
- package/DS1/3-unit/styles/ds-sidebar.css +16 -2
- package/DS1/3-unit/styles/ds-table-of-contents.css +40 -0
- package/DS1/3-unit/styles/ds-tabs.css +95 -0
- package/DS1/4-page/ds-container.ts +2 -1
- package/DS1/4-page/ds-document.ts +3 -0
- package/DS1/4-page/ds-footer.ts +93 -18
- package/DS1/4-page/ds-header.ts +5 -1
- package/DS1/4-page/ds-overlay.ts +8 -3
- package/DS1/4-page/ds-page.ts +22 -1
- package/DS1/4-page/email.ts +7 -4
- package/DS1/4-page/styles/ds-container.css +0 -1
- package/DS1/4-page/styles/ds-overlay.css +7 -0
- package/DS1/4-page/styles/ds-page.css +10 -0
- package/DS1/5-visual-kit/app-chrome.ts +129 -0
- package/DS1/5-visual-kit/bezels.ts +394 -0
- package/DS1/5-visual-kit/browser-icons.LICENSE +53 -0
- package/DS1/5-visual-kit/browser-icons.ts +47 -0
- package/DS1/5-visual-kit/browser-styles.ts +53 -0
- package/DS1/5-visual-kit/device-bezel.ts +55 -0
- package/DS1/5-visual-kit/instagram-frame.ts +15 -0
- package/DS1/5-visual-kit/instagram.ts +41 -0
- package/DS1/5-visual-kit/mobile-chrome.ts +25 -0
- package/DS1/5-visual-kit/native-icon-paths.ts +145 -0
- package/DS1/5-visual-kit/window.ts +22 -0
- package/DS1/components.ts +1 -0
- package/DS1/index.ts +14 -1
- package/DS1/react/choice.ts +4 -2
- package/DS1/react/context.ts +11 -6
- package/DS1/react/empty.ts +2 -2
- package/DS1/react/footer.ts +5 -5
- package/DS1/react/header.ts +1 -1
- package/DS1/react/message.ts +4 -2
- package/DS1/react/number.ts +53 -0
- package/DS1/react/sidebar.ts +4 -2
- package/DS1/react/table-of-contents.ts +28 -0
- package/DS1/x-flag/LICENSE.md +26 -0
- package/DS1/x-flag/ac.svg +1 -0
- package/DS1/x-flag/ad.svg +1 -0
- package/DS1/x-flag/ae.svg +1 -0
- package/DS1/x-flag/af.svg +1 -0
- package/DS1/x-flag/ag.svg +1 -0
- package/DS1/x-flag/ai.svg +1 -0
- package/DS1/x-flag/al.svg +1 -0
- package/DS1/x-flag/am.svg +1 -0
- package/DS1/x-flag/ao.svg +1 -0
- package/DS1/x-flag/aq.svg +1 -0
- package/DS1/x-flag/ar.svg +1 -0
- package/DS1/x-flag/as.svg +1 -0
- package/DS1/x-flag/at.svg +1 -0
- package/DS1/x-flag/au.svg +1 -0
- package/DS1/x-flag/aw.svg +1 -0
- package/DS1/x-flag/ax.svg +1 -0
- package/DS1/x-flag/az.svg +1 -0
- package/DS1/x-flag/ba.svg +1 -0
- package/DS1/x-flag/bb.svg +1 -0
- package/DS1/x-flag/bd.svg +1 -0
- package/DS1/x-flag/be.svg +1 -0
- package/DS1/x-flag/bf.svg +1 -0
- package/DS1/x-flag/bg.svg +1 -0
- package/DS1/x-flag/bh.svg +1 -0
- package/DS1/x-flag/bi.svg +1 -0
- package/DS1/x-flag/bj.svg +1 -0
- package/DS1/x-flag/bl.svg +1 -0
- package/DS1/x-flag/bm.svg +1 -0
- package/DS1/x-flag/bn.svg +1 -0
- package/DS1/x-flag/bo.svg +1 -0
- package/DS1/x-flag/bq-bo.svg +1 -0
- package/DS1/x-flag/bq-sa.svg +1 -0
- package/DS1/x-flag/bq-se.svg +1 -0
- package/DS1/x-flag/bq.svg +1 -0
- package/DS1/x-flag/br.svg +1 -0
- package/DS1/x-flag/bs.svg +1 -0
- package/DS1/x-flag/bt.svg +1 -0
- package/DS1/x-flag/bv.svg +1 -0
- package/DS1/x-flag/bw.svg +1 -0
- package/DS1/x-flag/by.svg +1 -0
- package/DS1/x-flag/bz.svg +1 -0
- package/DS1/x-flag/ca.svg +1 -0
- package/DS1/x-flag/cc.svg +1 -0
- package/DS1/x-flag/cd.svg +1 -0
- package/DS1/x-flag/cf.svg +1 -0
- package/DS1/x-flag/cg.svg +1 -0
- package/DS1/x-flag/ch.svg +1 -0
- package/DS1/x-flag/ci.svg +1 -0
- package/DS1/x-flag/ck.svg +1 -0
- package/DS1/x-flag/cl.svg +1 -0
- package/DS1/x-flag/cm.svg +1 -0
- package/DS1/x-flag/cn.svg +1 -0
- package/DS1/x-flag/co.svg +1 -0
- package/DS1/x-flag/cr.svg +1 -0
- package/DS1/x-flag/cu.svg +1 -0
- package/DS1/x-flag/cv.svg +1 -0
- package/DS1/x-flag/cw.svg +1 -0
- package/DS1/x-flag/cx.svg +1 -0
- package/DS1/x-flag/cy.svg +1 -0
- package/DS1/x-flag/cz.svg +1 -0
- package/DS1/x-flag/de.svg +1 -0
- package/DS1/x-flag/dj.svg +1 -0
- package/DS1/x-flag/dk.svg +1 -0
- package/DS1/x-flag/dm.svg +1 -0
- package/DS1/x-flag/do.svg +1 -0
- package/DS1/x-flag/dz.svg +1 -0
- package/DS1/x-flag/ec.svg +1 -0
- package/DS1/x-flag/ee.svg +1 -0
- package/DS1/x-flag/eg.svg +1 -0
- package/DS1/x-flag/eh.svg +1 -0
- package/DS1/x-flag/er.svg +1 -0
- package/DS1/x-flag/es-ct.svg +1 -0
- package/DS1/x-flag/es.svg +1 -0
- package/DS1/x-flag/et.svg +1 -0
- package/DS1/x-flag/eu.svg +1 -0
- package/DS1/x-flag/fi.svg +1 -0
- package/DS1/x-flag/fj.svg +1 -0
- package/DS1/x-flag/fk.svg +1 -0
- package/DS1/x-flag/fm.svg +1 -0
- package/DS1/x-flag/fo.svg +1 -0
- package/DS1/x-flag/fr.svg +1 -0
- package/DS1/x-flag/ga.svg +1 -0
- package/DS1/x-flag/gb-eng.svg +1 -0
- package/DS1/x-flag/gb-nir.svg +1 -0
- package/DS1/x-flag/gb-sct.svg +1 -0
- package/DS1/x-flag/gb-wls.svg +1 -0
- package/DS1/x-flag/gb.svg +1 -0
- package/DS1/x-flag/gd.svg +1 -0
- package/DS1/x-flag/ge.svg +1 -0
- package/DS1/x-flag/gf.svg +1 -0
- package/DS1/x-flag/gg.svg +1 -0
- package/DS1/x-flag/gh.svg +1 -0
- package/DS1/x-flag/gi.svg +1 -0
- package/DS1/x-flag/gl.svg +1 -0
- package/DS1/x-flag/gm.svg +1 -0
- package/DS1/x-flag/gn.svg +1 -0
- package/DS1/x-flag/gp.svg +1 -0
- package/DS1/x-flag/gq.svg +1 -0
- package/DS1/x-flag/gr.svg +1 -0
- package/DS1/x-flag/gs.svg +1 -0
- package/DS1/x-flag/gt.svg +1 -0
- package/DS1/x-flag/gu.svg +1 -0
- package/DS1/x-flag/gw.svg +1 -0
- package/DS1/x-flag/gy.svg +1 -0
- package/DS1/x-flag/hk.svg +1 -0
- package/DS1/x-flag/hm.svg +1 -0
- package/DS1/x-flag/hn.svg +1 -0
- package/DS1/x-flag/hr.svg +1 -0
- package/DS1/x-flag/ht.svg +1 -0
- package/DS1/x-flag/hu.svg +1 -0
- package/DS1/x-flag/ic.svg +1 -0
- package/DS1/x-flag/id.svg +1 -0
- package/DS1/x-flag/ie.svg +1 -0
- package/DS1/x-flag/il.svg +1 -0
- package/DS1/x-flag/im.svg +1 -0
- package/DS1/x-flag/in.svg +1 -0
- package/DS1/x-flag/io.svg +1 -0
- package/DS1/x-flag/iq.svg +1 -0
- package/DS1/x-flag/ir.svg +1 -0
- package/DS1/x-flag/is.svg +1 -0
- package/DS1/x-flag/it.svg +1 -0
- package/DS1/x-flag/je.svg +1 -0
- package/DS1/x-flag/jm.svg +1 -0
- package/DS1/x-flag/jo.svg +1 -0
- package/DS1/x-flag/jp.svg +1 -0
- package/DS1/x-flag/ke.svg +1 -0
- package/DS1/x-flag/kg.svg +1 -0
- package/DS1/x-flag/kh.svg +1 -0
- package/DS1/x-flag/ki.svg +1 -0
- package/DS1/x-flag/km.svg +1 -0
- package/DS1/x-flag/kn.svg +1 -0
- package/DS1/x-flag/kp.svg +1 -0
- package/DS1/x-flag/kr.svg +1 -0
- package/DS1/x-flag/kw.svg +1 -0
- package/DS1/x-flag/ky.svg +1 -0
- package/DS1/x-flag/kz.svg +1 -0
- package/DS1/x-flag/la.svg +1 -0
- package/DS1/x-flag/lb.svg +1 -0
- package/DS1/x-flag/lc.svg +1 -0
- package/DS1/x-flag/li.svg +1 -0
- package/DS1/x-flag/lk.svg +1 -0
- package/DS1/x-flag/lr.svg +1 -0
- package/DS1/x-flag/ls.svg +1 -0
- package/DS1/x-flag/lt.svg +1 -0
- package/DS1/x-flag/lu.svg +1 -0
- package/DS1/x-flag/lv.svg +1 -0
- package/DS1/x-flag/ly.svg +1 -0
- package/DS1/x-flag/ma.svg +1 -0
- package/DS1/x-flag/mc.svg +1 -0
- package/DS1/x-flag/md.svg +1 -0
- package/DS1/x-flag/me.svg +1 -0
- package/DS1/x-flag/mf.svg +1 -0
- package/DS1/x-flag/mg.svg +1 -0
- package/DS1/x-flag/mh.svg +1 -0
- package/DS1/x-flag/mk.svg +1 -0
- package/DS1/x-flag/ml.svg +1 -0
- package/DS1/x-flag/mm.svg +1 -0
- package/DS1/x-flag/mn.svg +1 -0
- package/DS1/x-flag/mo.svg +1 -0
- package/DS1/x-flag/mp.svg +1 -0
- package/DS1/x-flag/mq.svg +1 -0
- package/DS1/x-flag/mr.svg +1 -0
- package/DS1/x-flag/ms.svg +1 -0
- package/DS1/x-flag/mt.svg +1 -0
- package/DS1/x-flag/mu.svg +1 -0
- package/DS1/x-flag/mv.svg +1 -0
- package/DS1/x-flag/mw.svg +1 -0
- package/DS1/x-flag/mx.svg +1 -0
- package/DS1/x-flag/my.svg +1 -0
- package/DS1/x-flag/mz.svg +1 -0
- package/DS1/x-flag/na.svg +1 -0
- package/DS1/x-flag/nc.svg +1 -0
- package/DS1/x-flag/ne.svg +1 -0
- package/DS1/x-flag/nf.svg +1 -0
- package/DS1/x-flag/ng.svg +1 -0
- package/DS1/x-flag/ni.svg +1 -0
- package/DS1/x-flag/nl.svg +1 -0
- package/DS1/x-flag/no.svg +1 -0
- package/DS1/x-flag/np.svg +1 -0
- package/DS1/x-flag/nr.svg +1 -0
- package/DS1/x-flag/nu.svg +1 -0
- package/DS1/x-flag/nz.svg +1 -0
- package/DS1/x-flag/om.svg +1 -0
- package/DS1/x-flag/pa.svg +1 -0
- package/DS1/x-flag/pe.svg +1 -0
- package/DS1/x-flag/pf.svg +1 -0
- package/DS1/x-flag/pg.svg +1 -0
- package/DS1/x-flag/ph.svg +1 -0
- package/DS1/x-flag/pk.svg +1 -0
- package/DS1/x-flag/pl.svg +1 -0
- package/DS1/x-flag/pm.svg +1 -0
- package/DS1/x-flag/pn.svg +1 -0
- package/DS1/x-flag/pr.svg +1 -0
- package/DS1/x-flag/ps.svg +1 -0
- package/DS1/x-flag/pt.svg +1 -0
- package/DS1/x-flag/pw.svg +1 -0
- package/DS1/x-flag/py.svg +1 -0
- package/DS1/x-flag/qa.svg +1 -0
- package/DS1/x-flag/re.svg +1 -0
- package/DS1/x-flag/ro.svg +1 -0
- package/DS1/x-flag/rs.svg +1 -0
- package/DS1/x-flag/ru.svg +1 -0
- package/DS1/x-flag/rw.svg +1 -0
- package/DS1/x-flag/sa.svg +1 -0
- package/DS1/x-flag/sb.svg +1 -0
- package/DS1/x-flag/sc.svg +1 -0
- package/DS1/x-flag/sd.svg +1 -0
- package/DS1/x-flag/se.svg +1 -0
- package/DS1/x-flag/sg.svg +1 -0
- package/DS1/x-flag/sh.svg +1 -0
- package/DS1/x-flag/si.svg +1 -0
- package/DS1/x-flag/sj.svg +1 -0
- package/DS1/x-flag/sk.svg +1 -0
- package/DS1/x-flag/sl.svg +1 -0
- package/DS1/x-flag/sm.svg +1 -0
- package/DS1/x-flag/sn.svg +1 -0
- package/DS1/x-flag/so.svg +1 -0
- package/DS1/x-flag/sr.svg +1 -0
- package/DS1/x-flag/ss.svg +1 -0
- package/DS1/x-flag/st.svg +1 -0
- package/DS1/x-flag/sv.svg +1 -0
- package/DS1/x-flag/sx.svg +1 -0
- package/DS1/x-flag/sy.svg +1 -0
- package/DS1/x-flag/sz.svg +1 -0
- package/DS1/x-flag/ta.svg +1 -0
- package/DS1/x-flag/tc.svg +1 -0
- package/DS1/x-flag/td.svg +1 -0
- package/DS1/x-flag/tf.svg +1 -0
- package/DS1/x-flag/tg.svg +1 -0
- package/DS1/x-flag/th.svg +1 -0
- package/DS1/x-flag/tj.svg +1 -0
- package/DS1/x-flag/tk.svg +1 -0
- package/DS1/x-flag/tl.svg +1 -0
- package/DS1/x-flag/tm.svg +1 -0
- package/DS1/x-flag/tn.svg +1 -0
- package/DS1/x-flag/to.svg +1 -0
- package/DS1/x-flag/tr.svg +1 -0
- package/DS1/x-flag/tt.svg +1 -0
- package/DS1/x-flag/tv.svg +1 -0
- package/DS1/x-flag/tw.svg +1 -0
- package/DS1/x-flag/tz.svg +1 -0
- package/DS1/x-flag/ua.svg +1 -0
- package/DS1/x-flag/ug.svg +1 -0
- package/DS1/x-flag/um.svg +1 -0
- package/DS1/x-flag/us.svg +1 -0
- package/DS1/x-flag/uy.svg +1 -0
- package/DS1/x-flag/uz.svg +1 -0
- package/DS1/x-flag/va.svg +1 -0
- package/DS1/x-flag/vc.svg +1 -0
- package/DS1/x-flag/ve.svg +1 -0
- package/DS1/x-flag/vg.svg +1 -0
- package/DS1/x-flag/vi.svg +1 -0
- package/DS1/x-flag/vn.svg +1 -0
- package/DS1/x-flag/vu.svg +1 -0
- package/DS1/x-flag/wf.svg +1 -0
- package/DS1/x-flag/ws.svg +1 -0
- package/DS1/x-flag/xk.svg +1 -0
- package/DS1/x-flag/ye.svg +1 -0
- package/DS1/x-flag/yt.svg +1 -0
- package/DS1/x-flag/za.svg +1 -0
- package/DS1/x-flag/zm.svg +1 -0
- package/DS1/x-flag/zw.svg +1 -0
- package/DS1/x-icon/android.svg +9 -0
- package/DS1/x-icon/arrange-check.svg +1 -1
- package/DS1/x-icon/arrange-page.svg +1 -1
- package/DS1/x-icon/chrome.svg +7 -0
- package/DS1/x-icon/edge-brand.svg +6 -0
- package/DS1/x-icon/firefox.svg +4 -0
- package/DS1/x-icon/health.svg +3 -0
- package/DS1/x-icon/left.svg +2 -3
- package/DS1/x-icon/linux.svg +1 -0
- package/DS1/x-icon/material.svg +1 -0
- package/DS1/x-icon/milestone-planned.svg +3 -0
- package/DS1/x-icon/milestone.svg +3 -0
- package/DS1/x-icon/more.svg +1 -5
- package/DS1/x-icon/network.svg +3 -0
- package/DS1/x-icon/opera.svg +4 -0
- package/DS1/x-icon/prediction.svg +3 -0
- package/DS1/x-icon/priority-high.svg +3 -0
- package/DS1/x-icon/priority-low.svg +3 -0
- package/DS1/x-icon/priority-medium.svg +3 -0
- package/DS1/x-icon/project.svg +3 -0
- package/DS1/x-icon/redo.svg +2 -2
- package/DS1/x-icon/repeat-small.svg +3 -0
- package/DS1/x-icon/safari.svg +4 -0
- package/DS1/x-icon/scaling.svg +3 -0
- package/DS1/x-icon/tabs.svg +4 -0
- package/DS1/x-icon/windows.svg +5 -0
- package/README.md +3 -3
- package/dist/0-face/button-label.d.ts +5 -0
- package/dist/0-face/button-label.d.ts.map +1 -0
- package/dist/0-face/button-label.js +31 -0
- package/dist/0-face/calendar.d.ts +1 -1
- package/dist/0-face/calendar.d.ts.map +1 -1
- package/dist/0-face/calendar.js +6 -3
- package/dist/0-face/carousel.d.ts +9 -0
- package/dist/0-face/carousel.d.ts.map +1 -1
- package/dist/0-face/carousel.js +80 -0
- package/dist/0-face/constraint-panel.d.ts +43 -0
- package/dist/0-face/constraint-panel.d.ts.map +1 -0
- package/dist/0-face/constraint-panel.js +451 -0
- package/dist/0-face/constraint-site.d.ts +73 -0
- package/dist/0-face/constraint-site.d.ts.map +1 -0
- package/dist/0-face/constraint-site.js +186 -0
- package/dist/0-face/constraints.d.ts +47 -0
- package/dist/0-face/constraints.d.ts.map +1 -0
- package/dist/0-face/constraints.js +274 -0
- package/dist/0-face/copy-text.js +1 -1
- package/dist/0-face/cut-fade.d.ts +112 -0
- package/dist/0-face/cut-fade.d.ts.map +1 -0
- package/dist/0-face/cut-fade.js +274 -0
- package/dist/0-face/define.d.ts.map +1 -1
- package/dist/0-face/define.js +24 -3
- package/dist/0-face/face-correction.d.ts +51 -0
- package/dist/0-face/face-correction.d.ts.map +1 -0
- package/dist/0-face/face-correction.js +80 -0
- package/dist/0-face/failures.d.ts +16 -0
- package/dist/0-face/failures.d.ts.map +1 -0
- package/dist/0-face/failures.js +21 -0
- package/dist/0-face/fault-lines.d.ts +20 -0
- package/dist/0-face/fault-lines.d.ts.map +1 -0
- package/dist/0-face/fault-lines.js +172 -0
- package/dist/0-face/feedback-overlays.d.ts.map +1 -1
- package/dist/0-face/feedback-overlays.js +5 -3
- package/dist/0-face/feedback.d.ts +2 -0
- package/dist/0-face/feedback.d.ts.map +1 -1
- package/dist/0-face/feedback.js +1 -0
- package/dist/0-face/focus.d.ts +71 -0
- package/dist/0-face/focus.d.ts.map +1 -0
- package/dist/0-face/focus.js +196 -0
- package/dist/0-face/grid.d.ts +11 -1
- package/dist/0-face/grid.d.ts.map +1 -1
- package/dist/0-face/grid.js +90 -4
- package/dist/0-face/i18n.d.ts.map +1 -1
- package/dist/0-face/i18n.js +38 -16
- package/dist/0-face/layout-inspector.d.ts +5 -1
- package/dist/0-face/layout-inspector.d.ts.map +1 -1
- package/dist/0-face/layout-inspector.js +130 -104
- package/dist/0-face/preference-options.d.ts +4 -0
- package/dist/0-face/preference-options.d.ts.map +1 -1
- package/dist/0-face/scaling.d.ts +8 -1
- package/dist/0-face/scaling.d.ts.map +1 -1
- package/dist/0-face/scaling.js +19 -2
- package/dist/0-face/shape.d.ts +35 -0
- package/dist/0-face/shape.d.ts.map +1 -0
- package/dist/0-face/shape.js +23 -0
- package/dist/0-face/text-contrast.d.ts +22 -0
- package/dist/0-face/text-contrast.d.ts.map +1 -0
- package/dist/0-face/text-contrast.js +178 -0
- package/dist/0-face/theme-bootstrap.js +56 -0
- package/dist/0-face/toast-queue.d.ts +4 -0
- package/dist/0-face/toast-queue.d.ts.map +1 -1
- package/dist/0-face/toast-queue.js +4 -1
- package/dist/0-face/translations/da.json +10 -1
- package/dist/0-face/translations/de.json +10 -1
- package/dist/0-face/translations/en.json +10 -1
- package/dist/0-face/translations/es.json +10 -1
- package/dist/0-face/translations/fi.json +10 -1
- package/dist/0-face/translations/fr.json +10 -1
- package/dist/0-face/translations/is.json +10 -1
- package/dist/0-face/translations/it.json +10 -1
- package/dist/0-face/translations/ja.json +10 -1
- package/dist/0-face/translations/ko.json +10 -1
- package/dist/0-face/translations/nb.json +10 -1
- package/dist/0-face/translations/pt-BR.json +10 -1
- package/dist/0-face/translations/pt.json +10 -1
- package/dist/0-face/translations/sv.json +10 -1
- package/dist/0-face/translations/zh.json +10 -1
- package/dist/0-face/word-wrap.d.ts +6 -0
- package/dist/0-face/word-wrap.d.ts.map +1 -0
- package/dist/0-face/word-wrap.js +119 -0
- package/dist/1-root/foundation.d.ts +12 -0
- package/dist/1-root/foundation.d.ts.map +1 -0
- package/dist/1-root/foundation.js +59 -0
- package/dist/2-core/button-split.d.ts +1 -0
- package/dist/2-core/button-split.d.ts.map +1 -1
- package/dist/2-core/button-split.js +9 -4
- package/dist/2-core/chart/grid-chart.d.ts +2 -0
- package/dist/2-core/chart/grid-chart.d.ts.map +1 -1
- package/dist/2-core/chart/grid-chart.js +2 -1
- package/dist/2-core/ds-activity.d.ts +25 -0
- package/dist/2-core/ds-activity.d.ts.map +1 -0
- package/dist/2-core/ds-activity.js +28 -0
- package/dist/2-core/ds-app-chrome.d.ts +2 -0
- package/dist/2-core/ds-app-chrome.d.ts.map +1 -0
- package/dist/2-core/ds-app-chrome.js +1 -0
- package/dist/2-core/ds-avatar.d.ts +12 -0
- package/dist/2-core/ds-avatar.d.ts.map +1 -1
- package/dist/2-core/ds-avatar.js +86 -7
- package/dist/2-core/ds-badge.d.ts +7 -1
- package/dist/2-core/ds-badge.d.ts.map +1 -1
- package/dist/2-core/ds-badge.js +8 -1
- package/dist/2-core/ds-button.d.ts +12 -0
- package/dist/2-core/ds-button.d.ts.map +1 -1
- package/dist/2-core/ds-button.js +4 -0
- package/dist/2-core/ds-chart.d.ts +28 -3
- package/dist/2-core/ds-chart.d.ts.map +1 -1
- package/dist/2-core/ds-chart.js +110 -130
- package/dist/2-core/ds-cycle.d.ts +2 -2
- package/dist/2-core/ds-cycle.d.ts.map +1 -1
- package/dist/2-core/ds-cycle.js +36 -171
- package/dist/2-core/ds-device-bezel.d.ts +2 -0
- package/dist/2-core/ds-device-bezel.d.ts.map +1 -0
- package/dist/2-core/ds-device-bezel.js +1 -0
- package/dist/2-core/ds-empty.d.ts +2 -2
- package/dist/2-core/ds-empty.d.ts.map +1 -1
- package/dist/2-core/ds-empty.js +6 -4
- package/dist/2-core/ds-input.d.ts +7 -0
- package/dist/2-core/ds-input.d.ts.map +1 -1
- package/dist/2-core/ds-input.js +23 -3
- package/dist/2-core/ds-message.d.ts +11 -0
- package/dist/2-core/ds-message.d.ts.map +1 -1
- package/dist/2-core/ds-message.js +18 -0
- package/dist/2-core/ds-number.d.ts +86 -0
- package/dist/2-core/ds-number.d.ts.map +1 -0
- package/dist/2-core/ds-number.js +326 -0
- package/dist/2-core/ds-progress.d.ts +3 -0
- package/dist/2-core/ds-progress.d.ts.map +1 -1
- package/dist/2-core/ds-progress.js +3 -0
- package/dist/2-core/ds-radio.d.ts +3 -0
- package/dist/2-core/ds-radio.d.ts.map +1 -1
- package/dist/2-core/ds-radio.js +10 -1
- package/dist/2-core/ds-stat.d.ts +3 -0
- package/dist/2-core/ds-stat.d.ts.map +1 -1
- package/dist/2-core/ds-stat.js +3 -0
- package/dist/2-core/ds-switch.d.ts +14 -1
- package/dist/2-core/ds-switch.d.ts.map +1 -1
- package/dist/2-core/ds-switch.js +3 -1
- package/dist/2-core/ds-tag.d.ts +8 -1
- package/dist/2-core/ds-tag.d.ts.map +1 -1
- package/dist/2-core/ds-tag.js +12 -2
- package/dist/2-core/ds-text.d.ts +7 -0
- package/dist/2-core/ds-text.d.ts.map +1 -1
- package/dist/2-core/ds-text.js +7 -0
- package/dist/2-core/ds-token.d.ts +3 -0
- package/dist/2-core/ds-token.d.ts.map +1 -1
- package/dist/2-core/ds-token.js +3 -0
- package/dist/2-core/ds-tooltip.d.ts.map +1 -1
- package/dist/2-core/ds-tooltip.js +23 -2
- package/dist/2-core/ds-window.d.ts +2 -0
- package/dist/2-core/ds-window.d.ts.map +1 -0
- package/dist/2-core/ds-window.js +1 -0
- package/dist/2-core/generated/ds-icon-map.d.ts +27 -6
- package/dist/2-core/generated/ds-icon-map.d.ts.map +1 -1
- package/dist/2-core/generated/ds-icon-map.js +47 -5
- package/dist/2-core/generated/icons-extra.d.ts.map +1 -1
- package/dist/2-core/generated/icons-extra.js +24 -3
- package/dist/2-core/generated/icons-immediate.d.ts +1 -1
- package/dist/2-core/generated/icons-immediate.d.ts.map +1 -1
- package/dist/2-core/generated/icons-immediate.js +3 -3
- package/dist/2-core/number-expression.d.ts +12 -0
- package/dist/2-core/number-expression.d.ts.map +1 -0
- package/dist/2-core/number-expression.js +82 -0
- package/dist/3-unit/calendar-base.d.ts +5 -0
- package/dist/3-unit/calendar-base.d.ts.map +1 -1
- package/dist/3-unit/calendar-base.js +3 -2
- package/dist/3-unit/context-trigger.d.ts.map +1 -1
- package/dist/3-unit/context-trigger.js +32 -2
- package/dist/3-unit/ds-calendar.d.ts +197 -4
- package/dist/3-unit/ds-calendar.d.ts.map +1 -1
- package/dist/3-unit/ds-calendar.js +687 -45
- package/dist/3-unit/ds-carousel.d.ts +3 -0
- package/dist/3-unit/ds-carousel.d.ts.map +1 -1
- package/dist/3-unit/ds-carousel.js +13 -1
- package/dist/3-unit/ds-context.d.ts +18 -1
- package/dist/3-unit/ds-context.d.ts.map +1 -1
- package/dist/3-unit/ds-context.js +37 -1
- package/dist/3-unit/ds-form.d.ts +9 -0
- package/dist/3-unit/ds-form.d.ts.map +1 -1
- package/dist/3-unit/ds-form.js +52 -11
- package/dist/3-unit/ds-list.d.ts +20 -1
- package/dist/3-unit/ds-list.d.ts.map +1 -1
- package/dist/3-unit/ds-list.js +31 -3
- package/dist/3-unit/ds-matrix.d.ts +3 -0
- package/dist/3-unit/ds-matrix.d.ts.map +1 -1
- package/dist/3-unit/ds-matrix.js +3 -0
- package/dist/3-unit/ds-menu.d.ts.map +1 -1
- package/dist/3-unit/ds-menu.js +17 -1
- package/dist/3-unit/ds-row.d.ts +13 -0
- package/dist/3-unit/ds-row.d.ts.map +1 -1
- package/dist/3-unit/ds-row.js +15 -2
- package/dist/3-unit/ds-select.js +1 -1
- package/dist/3-unit/ds-sidebar.d.ts +17 -0
- package/dist/3-unit/ds-sidebar.d.ts.map +1 -1
- package/dist/3-unit/ds-sidebar.js +14 -3
- package/dist/3-unit/ds-table-of-contents.d.ts +68 -0
- package/dist/3-unit/ds-table-of-contents.d.ts.map +1 -0
- package/dist/3-unit/ds-table-of-contents.js +190 -0
- package/dist/3-unit/ds-table.d.ts.map +1 -1
- package/dist/3-unit/ds-table.js +2 -1
- package/dist/3-unit/ds-tabs.d.ts +32 -1
- package/dist/3-unit/ds-tabs.d.ts.map +1 -1
- package/dist/3-unit/ds-tabs.js +39 -1
- package/dist/4-page/ds-container.d.ts.map +1 -1
- package/dist/4-page/ds-container.js +2 -1
- package/dist/4-page/ds-document.d.ts +3 -0
- package/dist/4-page/ds-document.d.ts.map +1 -1
- package/dist/4-page/ds-document.js +3 -0
- package/dist/4-page/ds-footer.d.ts +47 -7
- package/dist/4-page/ds-footer.d.ts.map +1 -1
- package/dist/4-page/ds-footer.js +58 -14
- package/dist/4-page/ds-header.d.ts +6 -0
- package/dist/4-page/ds-header.d.ts.map +1 -1
- package/dist/4-page/ds-header.js +4 -1
- package/dist/4-page/ds-overlay.d.ts +2 -2
- package/dist/4-page/ds-overlay.d.ts.map +1 -1
- package/dist/4-page/ds-overlay.js +8 -3
- package/dist/4-page/ds-page.d.ts +12 -0
- package/dist/4-page/ds-page.d.ts.map +1 -1
- package/dist/4-page/ds-page.js +19 -1
- package/dist/4-page/email.d.ts +2 -0
- package/dist/4-page/email.d.ts.map +1 -1
- package/dist/4-page/email.js +5 -4
- package/dist/5-visual-kit/app-chrome.d.ts +98 -0
- package/dist/5-visual-kit/app-chrome.d.ts.map +1 -0
- package/dist/5-visual-kit/app-chrome.js +119 -0
- package/dist/5-visual-kit/bezels.d.ts +30 -0
- package/dist/5-visual-kit/bezels.d.ts.map +1 -0
- package/dist/5-visual-kit/bezels.js +388 -0
- package/dist/5-visual-kit/browser-icons.d.ts +5 -0
- package/dist/5-visual-kit/browser-icons.d.ts.map +1 -0
- package/dist/5-visual-kit/browser-icons.js +51 -0
- package/dist/5-visual-kit/browser-styles.d.ts +3 -0
- package/dist/5-visual-kit/browser-styles.d.ts.map +1 -0
- package/dist/5-visual-kit/browser-styles.js +52 -0
- package/dist/5-visual-kit/device-bezel.d.ts +84 -0
- package/dist/5-visual-kit/device-bezel.d.ts.map +1 -0
- package/dist/5-visual-kit/device-bezel.js +56 -0
- package/dist/5-visual-kit/instagram-frame.d.ts +8 -0
- package/dist/5-visual-kit/instagram-frame.d.ts.map +1 -0
- package/dist/5-visual-kit/instagram-frame.js +13 -0
- package/dist/5-visual-kit/instagram.d.ts +18 -0
- package/dist/5-visual-kit/instagram.d.ts.map +1 -0
- package/dist/5-visual-kit/instagram.js +39 -0
- package/dist/5-visual-kit/mobile-chrome.d.ts +4 -0
- package/dist/5-visual-kit/mobile-chrome.d.ts.map +1 -0
- package/dist/5-visual-kit/mobile-chrome.js +24 -0
- package/dist/5-visual-kit/native-icon-paths.d.ts +146 -0
- package/dist/5-visual-kit/native-icon-paths.d.ts.map +1 -0
- package/dist/5-visual-kit/native-icon-paths.js +145 -0
- package/dist/5-visual-kit/window.d.ts +51 -0
- package/dist/5-visual-kit/window.d.ts.map +1 -0
- package/dist/5-visual-kit/window.js +20 -0
- package/dist/browser-icons-BFbS1tIx.js +56 -0
- package/dist/browser-icons-BFbS1tIx.js.map +1 -0
- package/dist/browser-icons-CT8qU77Z.js +48 -0
- package/dist/browser-icons-CT8qU77Z.js.map +1 -0
- package/dist/components.d.ts +1 -0
- package/dist/components.d.ts.map +1 -1
- package/dist/components.js +1 -0
- package/dist/design-system-1.bundle.js +5874 -2097
- package/dist/design-system-1.bundle.js.map +1 -1
- package/dist/design-system-1.bundle.min.js +7332 -4682
- package/dist/design-system-1.bundle.min.js.map +1 -1
- package/dist/design-system-1.css +1 -1
- package/dist/feedback.js +197 -167
- package/dist/feedback.js.map +1 -1
- package/dist/{icons-extra-CRxxWFjX.js → icons-extra-BMPvmQPI.js} +25 -4
- package/dist/icons-extra-BMPvmQPI.js.map +1 -0
- package/dist/{icons-extra-H5pqCM_R.js → icons-extra-BfYOw-cR.js} +83 -5
- package/dist/icons-extra-BfYOw-cR.js.map +1 -0
- package/dist/index.d.ts +12 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -1
- package/dist/instagram-CKofs55A.js +50 -0
- package/dist/instagram-CKofs55A.js.map +1 -0
- package/dist/instagram-CcYf5oiM.js +48 -0
- package/dist/instagram-CcYf5oiM.js.map +1 -0
- package/dist/lit-Ce_uWYM4.js +612 -0
- package/dist/lit-Ce_uWYM4.js.map +1 -0
- package/dist/lit-DGUVm1Ce.js +557 -0
- package/dist/lit-DGUVm1Ce.js.map +1 -0
- package/dist/native-icon-paths-CB9evXBM.js +93 -0
- package/dist/native-icon-paths-CB9evXBM.js.map +1 -0
- package/dist/native-icon-paths-zay-3g_n.js +150 -0
- package/dist/native-icon-paths-zay-3g_n.js.map +1 -0
- package/dist/react/avatar.d.ts +1 -1
- package/dist/react/choice.d.ts +4 -0
- package/dist/react/choice.d.ts.map +1 -1
- package/dist/react/choice.js +2 -2
- package/dist/react/context.d.ts +19 -4
- package/dist/react/context.d.ts.map +1 -1
- package/dist/react/context.js +4 -4
- package/dist/react/empty.d.ts +2 -2
- package/dist/react/empty.d.ts.map +1 -1
- package/dist/react/empty.js +1 -1
- package/dist/react/footer.d.ts +5 -5
- package/dist/react/footer.d.ts.map +1 -1
- package/dist/react/footer.js +2 -2
- package/dist/react/header.d.ts +2 -2
- package/dist/react/header.d.ts.map +1 -1
- package/dist/react/message.d.ts +4 -0
- package/dist/react/message.d.ts.map +1 -1
- package/dist/react/message.js +2 -2
- package/dist/react/number.d.ts +53 -0
- package/dist/react/number.d.ts.map +1 -0
- package/dist/react/number.js +25 -0
- package/dist/react/page.d.ts +1 -1
- package/dist/react/sidebar.d.ts +4 -0
- package/dist/react/sidebar.d.ts.map +1 -1
- package/dist/react/sidebar.js +2 -2
- package/dist/react/table-of-contents.d.ts +19 -0
- package/dist/react/table-of-contents.d.ts.map +1 -0
- package/dist/react/table-of-contents.js +28 -0
- package/dist/{shared-words-CdMDVtXx.js → shared-words-C5cjxMjZ.js} +151 -16
- package/dist/shared-words-C5cjxMjZ.js.map +1 -0
- package/dist/{shared-words-BtRee8xR.js → shared-words-Cdm7xd-_.js} +163 -28
- package/dist/shared-words-Cdm7xd-_.js.map +1 -0
- package/package.json +25 -12
- package/DS1/3-unit/ds-calendar-large.ts +0 -353
- package/DS1/3-unit/styles/ds-calendar-large.css +0 -178
- package/dist/3-unit/ds-calendar-large.d.ts +0 -142
- package/dist/3-unit/ds-calendar-large.d.ts.map +0 -1
- package/dist/3-unit/ds-calendar-large.js +0 -308
- package/dist/icons-extra-CRxxWFjX.js.map +0 -1
- package/dist/icons-extra-H5pqCM_R.js.map +0 -1
- package/dist/shared-words-BtRee8xR.js.map +0 -1
- package/dist/shared-words-CdMDVtXx.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-badge.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAElD,OAAO,WAAW,CAAC;AAGnB
|
|
1
|
+
{"version":3,"file":"ds-badge.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,WAAW,CAAC;AAGnB;;;GAGG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,CAAC,UAAU;;;;;;;;;MAGf;IACF,MAAM,CAAC,MAAM,0BAAqB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAmB;IAC3C,OAAO,CAAC,YAAY,CAAK;IACzB,4EAA4E;IAC5E,SAAS,CAAC,QAAQ,CAAC,IAAI,WAAqE;;IAI5F,iBAAiB;IAmBjB,oBAAoB;IASpB,OAAO;IACP,OAAO,CAAC,eAAe,CAiBrB;IAEF,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,UAAU,EAAE,KAAK,CAAA;KAAE;CAAE"}
|
package/dist/2-core/ds-badge.js
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import { LitElement, html, unsafeCSS } from "lit";
|
|
2
2
|
import { define } from "../0-face/define";
|
|
3
|
+
import { CutFades } from "../0-face/cut-fade";
|
|
3
4
|
import "./ds-icon";
|
|
4
5
|
import styles from "./styles/ds-badge.css?inline";
|
|
5
|
-
/**
|
|
6
|
+
/**
|
|
7
|
+
* A noninteractive status label. Products own its words and status meaning.
|
|
8
|
+
* Words that do not fit fade out over their last square, never an ellipsis.
|
|
9
|
+
*/
|
|
6
10
|
export class Badge extends LitElement {
|
|
7
11
|
constructor() {
|
|
8
12
|
super();
|
|
9
13
|
this.measureFrame = 0;
|
|
14
|
+
/** Marks the words `data-cut="end"` while they are wider than the badge. */
|
|
15
|
+
this.cuts = new CutFades(this, { selector: ".frame:not(.icon-only) .label" });
|
|
10
16
|
this.scheduleMeasure = () => {
|
|
11
17
|
if (!this.isConnected || this.measureFrame)
|
|
12
18
|
return;
|
|
@@ -25,6 +31,7 @@ export class Badge extends LitElement {
|
|
|
25
31
|
// "Done" at 32.3px read as 32 and was cut short in a 40px badge.)
|
|
26
32
|
const natural = frame.getBoundingClientRect().width;
|
|
27
33
|
frame.style.width = `${Math.max(1, Math.ceil(natural / unit)) * unit}px`;
|
|
34
|
+
this.cuts.measure();
|
|
28
35
|
});
|
|
29
36
|
};
|
|
30
37
|
this.icon = "";
|
|
@@ -23,6 +23,10 @@ export declare class Button extends Control {
|
|
|
23
23
|
type: BooleanConstructor;
|
|
24
24
|
reflect: boolean;
|
|
25
25
|
};
|
|
26
|
+
labelled: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
reflect: boolean;
|
|
29
|
+
};
|
|
26
30
|
literal: {
|
|
27
31
|
type: BooleanConstructor;
|
|
28
32
|
reflect: boolean;
|
|
@@ -31,6 +35,10 @@ export declare class Button extends Control {
|
|
|
31
35
|
type: BooleanConstructor;
|
|
32
36
|
reflect: boolean;
|
|
33
37
|
};
|
|
38
|
+
plain: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
reflect: boolean;
|
|
41
|
+
};
|
|
34
42
|
_fieldsetDisabled: {
|
|
35
43
|
state: boolean;
|
|
36
44
|
};
|
|
@@ -112,8 +120,12 @@ export declare class Button extends Control {
|
|
|
112
120
|
segments: ReadonlyArray<SplitSegment> | undefined;
|
|
113
121
|
value: string;
|
|
114
122
|
actions: boolean;
|
|
123
|
+
/** A split's segments with an icon show their words after it too. */
|
|
124
|
+
labelled: boolean;
|
|
115
125
|
literal: boolean;
|
|
116
126
|
compact: boolean;
|
|
127
|
+
/** A plain split: its segments' words and icons alone, on no ground in any state, as text tabs are. */
|
|
128
|
+
plain: boolean;
|
|
117
129
|
private _fieldsetDisabled;
|
|
118
130
|
private splitRole;
|
|
119
131
|
get splitDisabled(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-button.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-button.ts"],"names":[],"mappings":"AAKA,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5E,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,qBAAa,MAAO,SAAQ,OAAO;IACjC,MAAM,CAAC,cAAc,UAAQ;IAC7B,MAAM,CAAC,UAAU
|
|
1
|
+
{"version":3,"file":"ds-button.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-button.ts"],"names":[],"mappings":"AAKA,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5E,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,qBAAa,MAAO,SAAQ,OAAO;IACjC,MAAM,CAAC,cAAc,UAAQ;IAC7B,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8Bf;IAEM,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACzB,qEAAqE;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACzB,uGAAuG;IAC/F,KAAK,EAAE,OAAO,CAAC;IACvB,QAAgB,iBAAiB,CAAU;IAC3C,OAAO,CAAC,SAAS,CAAS;IAC1B,IAAI,aAAa,IAAI,OAAO,CAAoD;IAChF,OAAO,CAAC,oBAAoB,CAAmD;IAGvE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,QAAQ,CAAY;IAC5B,IAAI,OAAO,IAAI,MAAM,CAA0B;IAC/C,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAKxB;IACD,SAAS,KAAK,WAAW,IAAI,OAAO,CAAmD;IAC/E,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACK,KAAK,EAAE,MAAM,CAAC;IACtB;;;;;;OAMG;IACK,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IAGZ,QAAQ,EAAE,OAAO,CAAC;;IA+B1B,MAAM,CAAC,MAAM,4BAAsE;IAEnF;;;OAGG;IACH,YAAY;IAOZ,OAAO,CAAC,kBAAkB;IAM1B,+FAA+F;IAC/F,OAAO,CAAC,aAAa;IAKrB,OAAO;IAKP,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAO5B,iBAAiB;IASjB,oBAAoB;IAKpB,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAEtC,MAAM;IA2CN,OAAO,CAAC,YAAY;CAYrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}
|
package/dist/2-core/ds-button.js
CHANGED
|
@@ -31,8 +31,10 @@ export class Button extends Control {
|
|
|
31
31
|
this.options = "";
|
|
32
32
|
this.value = "";
|
|
33
33
|
this.actions = false;
|
|
34
|
+
this.labelled = false;
|
|
34
35
|
this.literal = false;
|
|
35
36
|
this.compact = false;
|
|
37
|
+
this.plain = false;
|
|
36
38
|
this._fieldsetDisabled = false;
|
|
37
39
|
this.addEventListener("click", event => {
|
|
38
40
|
if (this._fieldsetDisabled) {
|
|
@@ -181,8 +183,10 @@ Button.properties = {
|
|
|
181
183
|
segments: { attribute: false },
|
|
182
184
|
value: { type: String, reflect: true },
|
|
183
185
|
actions: { type: Boolean, reflect: true },
|
|
186
|
+
labelled: { type: Boolean, reflect: true },
|
|
184
187
|
literal: { type: Boolean, reflect: true },
|
|
185
188
|
compact: { type: Boolean, reflect: true },
|
|
189
|
+
plain: { type: Boolean, reflect: true },
|
|
186
190
|
_fieldsetDisabled: { state: true },
|
|
187
191
|
primary: { type: Boolean, reflect: true },
|
|
188
192
|
secondary: { type: Boolean, reflect: true },
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { LitElement, type PropertyValues } from "lit";
|
|
1
|
+
import { LitElement, type PropertyDeclarations, type PropertyValues } from "lit";
|
|
2
2
|
import { type DataPoint, type Marker, type SeriesKind } from "./chart/grid-chart";
|
|
3
3
|
export * from "./chart/grid-chart";
|
|
4
4
|
/** Independent chart configuration; no module-wide size or theme state. */
|
|
5
5
|
export declare class ChartElement extends LitElement {
|
|
6
|
+
static properties: PropertyDeclarations;
|
|
6
7
|
static styles: import("lit").CSSResult;
|
|
7
8
|
unit: number;
|
|
8
9
|
grid: "full" | "rows" | "none";
|
|
10
|
+
constructor();
|
|
9
11
|
private media?;
|
|
10
12
|
private themeChanged;
|
|
11
13
|
connectedCallback(): void;
|
|
@@ -15,10 +17,11 @@ export declare class ChartElement extends LitElement {
|
|
|
15
17
|
protected updated(_changed: PropertyValues): void;
|
|
16
18
|
}
|
|
17
19
|
export declare class GridLineChart extends ChartElement {
|
|
20
|
+
static properties: PropertyDeclarations;
|
|
18
21
|
connectedCallback(): void;
|
|
19
22
|
data: DataPoint[];
|
|
20
23
|
kind: SeriesKind;
|
|
21
|
-
base
|
|
24
|
+
base: number | undefined;
|
|
22
25
|
color: string;
|
|
23
26
|
rows: number;
|
|
24
27
|
markers: Marker[];
|
|
@@ -30,6 +33,7 @@ export declare class GridLineChart extends ChartElement {
|
|
|
30
33
|
/** Changing this replays the draw-in. */
|
|
31
34
|
drawKey: string;
|
|
32
35
|
private dot;
|
|
36
|
+
constructor();
|
|
33
37
|
private chart?;
|
|
34
38
|
private series?;
|
|
35
39
|
private observer?;
|
|
@@ -51,10 +55,12 @@ export declare class GridLineChart extends ChartElement {
|
|
|
51
55
|
private leave;
|
|
52
56
|
}
|
|
53
57
|
export declare class GridSpark extends ChartElement {
|
|
58
|
+
static properties: PropertyDeclarations;
|
|
54
59
|
connectedCallback(): void;
|
|
55
60
|
values: number[];
|
|
56
|
-
base
|
|
61
|
+
base: number | undefined;
|
|
57
62
|
cols: number;
|
|
63
|
+
constructor();
|
|
58
64
|
refreshTheme(): void;
|
|
59
65
|
render(): import("lit").TemplateResult<1>;
|
|
60
66
|
updated(changed: PropertyValues): void;
|
|
@@ -68,17 +74,34 @@ export interface BarItem {
|
|
|
68
74
|
tone?: "up" | "down" | "ink";
|
|
69
75
|
caption?: string;
|
|
70
76
|
}
|
|
77
|
+
/**
|
|
78
|
+
* The round size each square of a bar chart stands for (the line chart's steps: 1, 2, 2.5 and 5 times
|
|
79
|
+
* a power of ten), the smallest with which `max` fits in `squares`.
|
|
80
|
+
*/
|
|
81
|
+
export declare function barStep(max: number, squares: number): number;
|
|
71
82
|
export declare class GridBars extends ChartElement {
|
|
83
|
+
static properties: PropertyDeclarations;
|
|
72
84
|
connectedCallback(): void;
|
|
73
85
|
items: BarItem[];
|
|
74
86
|
rows: number;
|
|
75
87
|
span: number;
|
|
88
|
+
/** A scale at the end, two squares wide: each square of the area one round step, labelled just above its line, the lines across the bars. */
|
|
89
|
+
axis: boolean;
|
|
90
|
+
/** Each bar's value written over it, by `format`. */
|
|
91
|
+
values: boolean;
|
|
92
|
+
/** The bars share the width left beside the scale, in whole pixels, instead of `span` squares each. */
|
|
93
|
+
fill: boolean;
|
|
94
|
+
/** Writes the scale's labels and the values over the bars. */
|
|
95
|
+
format: (value: number) => string;
|
|
96
|
+
constructor();
|
|
76
97
|
render(): import("lit").TemplateResult<1>;
|
|
77
98
|
}
|
|
78
99
|
export declare class GridRatio extends ChartElement {
|
|
100
|
+
static properties: PropertyDeclarations;
|
|
79
101
|
connectedCallback(): void;
|
|
80
102
|
value: number;
|
|
81
103
|
private width;
|
|
104
|
+
constructor();
|
|
82
105
|
private observer?;
|
|
83
106
|
protected initialize(): void;
|
|
84
107
|
disconnectedCallback(): void;
|
|
@@ -90,6 +113,7 @@ export interface RangeMark {
|
|
|
90
113
|
kind: "dot" | "tick";
|
|
91
114
|
}
|
|
92
115
|
export declare class GridRange extends ChartElement {
|
|
116
|
+
static properties: PropertyDeclarations;
|
|
93
117
|
connectedCallback(): void;
|
|
94
118
|
min: number;
|
|
95
119
|
max: number;
|
|
@@ -97,6 +121,7 @@ export declare class GridRange extends ChartElement {
|
|
|
97
121
|
to: number;
|
|
98
122
|
marks: RangeMark[];
|
|
99
123
|
private width;
|
|
124
|
+
constructor();
|
|
100
125
|
private observer?;
|
|
101
126
|
protected initialize(): void;
|
|
102
127
|
disconnectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-chart.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"ds-chart.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-chart.ts"],"names":[],"mappings":"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"}
|
package/dist/2-core/ds-chart.js
CHANGED
|
@@ -1,22 +1,15 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
import { html, LitElement, nothing, unsafeCSS } from "lit";
|
|
8
|
-
import {
|
|
9
|
-
import { drawSparkline, GridChart } from "./chart/grid-chart";
|
|
2
|
+
import { drawSparkline, GridChart, STEPS } from "./chart/grid-chart";
|
|
10
3
|
import { define } from "../0-face/define";
|
|
11
4
|
import styles from "./chart/chart.css?inline";
|
|
12
5
|
export * from "./chart/grid-chart";
|
|
13
6
|
/** Independent chart configuration; no module-wide size or theme state. */
|
|
14
7
|
export class ChartElement extends LitElement {
|
|
15
8
|
constructor() {
|
|
16
|
-
super(
|
|
9
|
+
super();
|
|
10
|
+
this.themeChanged = () => this.refreshTheme();
|
|
17
11
|
this.unit = 20;
|
|
18
12
|
this.grid = "rows";
|
|
19
|
-
this.themeChanged = () => this.refreshTheme();
|
|
20
13
|
}
|
|
21
14
|
connectedCallback() {
|
|
22
15
|
super.connectedCallback();
|
|
@@ -41,13 +34,11 @@ export class ChartElement extends LitElement {
|
|
|
41
34
|
this.style.setProperty("--ds-chart-unit", `${this.unit}px`);
|
|
42
35
|
}
|
|
43
36
|
}
|
|
37
|
+
ChartElement.properties = {
|
|
38
|
+
unit: { type: Number },
|
|
39
|
+
grid: {},
|
|
40
|
+
};
|
|
44
41
|
ChartElement.styles = unsafeCSS(styles);
|
|
45
|
-
__decorate([
|
|
46
|
-
property({ type: Number })
|
|
47
|
-
], ChartElement.prototype, "unit", void 0);
|
|
48
|
-
__decorate([
|
|
49
|
-
property()
|
|
50
|
-
], ChartElement.prototype, "grid", void 0);
|
|
51
42
|
/** Whole-pixel width of an element, kept current. */
|
|
52
43
|
function observeWidth(element, callback) {
|
|
53
44
|
const observer = new ResizeObserver(() => callback(Math.floor(element.getBoundingClientRect().width)));
|
|
@@ -55,21 +46,9 @@ function observeWidth(element, callback) {
|
|
|
55
46
|
return observer;
|
|
56
47
|
}
|
|
57
48
|
export class GridLineChart extends ChartElement {
|
|
49
|
+
connectedCallback() { this.dataset.chartKind = "line"; super.connectedCallback(); }
|
|
58
50
|
constructor() {
|
|
59
|
-
super(
|
|
60
|
-
this.data = [];
|
|
61
|
-
this.kind = "area";
|
|
62
|
-
this.color = "--ds-chart-ink";
|
|
63
|
-
this.rows = 8;
|
|
64
|
-
this.markers = [];
|
|
65
|
-
this.timeRange = null;
|
|
66
|
-
this.extremes = false;
|
|
67
|
-
this.labels = false;
|
|
68
|
-
this.live = false;
|
|
69
|
-
this.format = (v) => v.toFixed(2);
|
|
70
|
-
/** Changing this replays the draw-in. */
|
|
71
|
-
this.drawKey = "";
|
|
72
|
-
this.dot = null;
|
|
51
|
+
super();
|
|
73
52
|
this.scrubbing = false;
|
|
74
53
|
this.down = (event) => {
|
|
75
54
|
if (event.button !== 0)
|
|
@@ -91,8 +70,19 @@ export class GridLineChart extends ChartElement {
|
|
|
91
70
|
if (!this.scrubbing && event.pointerType === "mouse")
|
|
92
71
|
this.chart?.setCrosshair(null);
|
|
93
72
|
};
|
|
73
|
+
this.data = [];
|
|
74
|
+
this.kind = "area";
|
|
75
|
+
this.color = "--ds-chart-ink";
|
|
76
|
+
this.rows = 8;
|
|
77
|
+
this.markers = [];
|
|
78
|
+
this.timeRange = null;
|
|
79
|
+
this.extremes = false;
|
|
80
|
+
this.labels = false;
|
|
81
|
+
this.live = false;
|
|
82
|
+
this.format = (v) => v.toFixed(2);
|
|
83
|
+
this.drawKey = "";
|
|
84
|
+
this.dot = null;
|
|
94
85
|
}
|
|
95
|
-
connectedCallback() { this.dataset.chartKind = "line"; super.connectedCallback(); }
|
|
96
86
|
refreshTheme() { this.chart?.refreshTheme(); }
|
|
97
87
|
render() {
|
|
98
88
|
return html `<canvas
|
|
@@ -187,52 +177,28 @@ export class GridLineChart extends ChartElement {
|
|
|
187
177
|
return event.clientX - this.getBoundingClientRect().left;
|
|
188
178
|
}
|
|
189
179
|
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
__decorate([
|
|
206
|
-
property({ attribute: false })
|
|
207
|
-
], GridLineChart.prototype, "markers", void 0);
|
|
208
|
-
__decorate([
|
|
209
|
-
property({ attribute: false })
|
|
210
|
-
], GridLineChart.prototype, "timeRange", void 0);
|
|
211
|
-
__decorate([
|
|
212
|
-
property({ type: Boolean })
|
|
213
|
-
], GridLineChart.prototype, "extremes", void 0);
|
|
214
|
-
__decorate([
|
|
215
|
-
property({ type: Boolean })
|
|
216
|
-
], GridLineChart.prototype, "labels", void 0);
|
|
217
|
-
__decorate([
|
|
218
|
-
property({ type: Boolean })
|
|
219
|
-
], GridLineChart.prototype, "live", void 0);
|
|
220
|
-
__decorate([
|
|
221
|
-
property({ attribute: false })
|
|
222
|
-
], GridLineChart.prototype, "format", void 0);
|
|
223
|
-
__decorate([
|
|
224
|
-
property()
|
|
225
|
-
], GridLineChart.prototype, "drawKey", void 0);
|
|
226
|
-
__decorate([
|
|
227
|
-
state()
|
|
228
|
-
], GridLineChart.prototype, "dot", void 0);
|
|
180
|
+
GridLineChart.properties = {
|
|
181
|
+
data: { attribute: false },
|
|
182
|
+
kind: {},
|
|
183
|
+
base: { type: Number },
|
|
184
|
+
color: {},
|
|
185
|
+
rows: { type: Number },
|
|
186
|
+
markers: { attribute: false },
|
|
187
|
+
timeRange: { attribute: false },
|
|
188
|
+
extremes: { type: Boolean },
|
|
189
|
+
labels: { type: Boolean },
|
|
190
|
+
live: { type: Boolean },
|
|
191
|
+
format: { attribute: false },
|
|
192
|
+
drawKey: {},
|
|
193
|
+
dot: { state: true },
|
|
194
|
+
};
|
|
229
195
|
export class GridSpark extends ChartElement {
|
|
196
|
+
connectedCallback() { this.dataset.chartKind = "spark"; super.connectedCallback(); }
|
|
230
197
|
constructor() {
|
|
231
|
-
super(
|
|
198
|
+
super();
|
|
232
199
|
this.values = [];
|
|
233
200
|
this.cols = 4;
|
|
234
201
|
}
|
|
235
|
-
connectedCallback() { this.dataset.chartKind = "spark"; super.connectedCallback(); }
|
|
236
202
|
refreshTheme() { this.draw(); }
|
|
237
203
|
render() {
|
|
238
204
|
const last = this.values[this.values.length - 1] ?? 0;
|
|
@@ -257,59 +223,85 @@ export class GridSpark extends ChartElement {
|
|
|
257
223
|
});
|
|
258
224
|
}
|
|
259
225
|
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
226
|
+
GridSpark.properties = {
|
|
227
|
+
values: { attribute: false },
|
|
228
|
+
base: { type: Number },
|
|
229
|
+
cols: { type: Number },
|
|
230
|
+
};
|
|
231
|
+
/**
|
|
232
|
+
* The round size each square of a bar chart stands for (the line chart's steps: 1, 2, 2.5 and 5 times
|
|
233
|
+
* a power of ten), the smallest with which `max` fits in `squares`.
|
|
234
|
+
*/
|
|
235
|
+
export function barStep(max, squares) {
|
|
236
|
+
return STEPS.find((step) => Math.ceil(max / step) <= Math.max(1, squares)) ?? STEPS[STEPS.length - 1];
|
|
237
|
+
}
|
|
238
|
+
const compact = new Intl.NumberFormat(undefined, { notation: "compact", maximumFractionDigits: 1 });
|
|
269
239
|
export class GridBars extends ChartElement {
|
|
240
|
+
connectedCallback() { this.dataset.chartKind = "bars"; super.connectedCallback(); }
|
|
270
241
|
constructor() {
|
|
271
|
-
super(
|
|
242
|
+
super();
|
|
272
243
|
this.items = [];
|
|
273
244
|
this.rows = 4;
|
|
274
245
|
this.span = 2;
|
|
246
|
+
this.axis = false;
|
|
247
|
+
this.values = false;
|
|
248
|
+
this.fill = false;
|
|
249
|
+
this.format = (value) => compact.format(value);
|
|
275
250
|
}
|
|
276
|
-
connectedCallback() { this.dataset.chartKind = "bars"; super.connectedCallback(); }
|
|
277
251
|
render() {
|
|
278
|
-
const
|
|
252
|
+
const squares = Math.max(1, this.rows - 1);
|
|
253
|
+
const height = squares * this.unit;
|
|
279
254
|
const max = Math.max(...this.items.flatMap((item) => [item.value, item.compare ?? 0]), 1e-9);
|
|
280
|
-
|
|
255
|
+
// With a scale, a square is a step, so the bars stand on its lines; a value over the tallest
|
|
256
|
+
// keeps its square above it.
|
|
257
|
+
const step = this.axis ? barStep(max, squares - (this.values ? 1 : 0)) : 0;
|
|
258
|
+
const room = height - 4 - (this.values ? this.unit : 0);
|
|
259
|
+
const px = (v) => Math.max(1, Math.round(this.axis ? (v / step) * this.unit : (v / max) * room));
|
|
260
|
+
const captions = this.items.some((item) => item.caption);
|
|
261
|
+
const lines = this.axis ? Array.from({ length: squares }, (_, i) => i + 1).filter((row) => row * step <= max + step) : [];
|
|
281
262
|
return html `<div class="bars" style="--span: ${this.span}">
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
263
|
+
<div class="bar-columns">
|
|
264
|
+
${this.axis ? html `<span class="bar-guides" style="top: ${height - lines.length * this.unit}px; height: ${lines.length * this.unit}px" aria-hidden="true"></span>` : nothing}
|
|
265
|
+
${this.items.map((item) => html `<div class="bar-cell">
|
|
266
|
+
<div class="bar-area" style="height: ${height}px">
|
|
267
|
+
${item.compare !== undefined
|
|
285
268
|
? html `<span class="bar-compare" style="height: ${px(item.compare)}px"></span>`
|
|
286
269
|
: nothing}
|
|
287
|
-
|
|
270
|
+
${item.value > 0
|
|
288
271
|
? html `<span class="bar-fill ${item.tone ?? "ink"}" style="height: ${px(item.value)}px"></span>`
|
|
289
272
|
: nothing}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
273
|
+
${this.values && item.value > 0
|
|
274
|
+
? html `<span class="bar-value" style="bottom: ${px(item.value) + 2}px">${this.format(item.value)}</span>`
|
|
275
|
+
: nothing}
|
|
276
|
+
</div>
|
|
277
|
+
${captions ? html `<span class="bar-caption">${item.caption ?? ""}</span>` : nothing}
|
|
278
|
+
<span class="bar-label">${item.label}</span>
|
|
279
|
+
</div>`)}
|
|
280
|
+
</div>
|
|
281
|
+
${this.axis
|
|
282
|
+
? html `<div class="bar-axis" style="height: ${height}px" aria-hidden="true">
|
|
283
|
+
${lines.map((row) => html `<span class="bar-tick" style="bottom: ${row * this.unit}px">${this.format(row * step)}</span>`)}
|
|
284
|
+
</div>`
|
|
285
|
+
: nothing}
|
|
294
286
|
</div>`;
|
|
295
287
|
}
|
|
296
288
|
}
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
289
|
+
GridBars.properties = {
|
|
290
|
+
items: { attribute: false },
|
|
291
|
+
rows: { type: Number },
|
|
292
|
+
span: { type: Number },
|
|
293
|
+
axis: { type: Boolean, reflect: true },
|
|
294
|
+
values: { type: Boolean, reflect: true },
|
|
295
|
+
fill: { type: Boolean, reflect: true },
|
|
296
|
+
format: { attribute: false },
|
|
297
|
+
};
|
|
306
298
|
export class GridRatio extends ChartElement {
|
|
299
|
+
connectedCallback() { this.dataset.chartKind = "ratio"; super.connectedCallback(); }
|
|
307
300
|
constructor() {
|
|
308
|
-
super(
|
|
301
|
+
super();
|
|
309
302
|
this.value = 0.5;
|
|
310
303
|
this.width = 0;
|
|
311
304
|
}
|
|
312
|
-
connectedCallback() { this.dataset.chartKind = "ratio"; super.connectedCallback(); }
|
|
313
305
|
initialize() {
|
|
314
306
|
this.observer?.disconnect();
|
|
315
307
|
this.observer = observeWidth(this, (width) => {
|
|
@@ -326,15 +318,14 @@ export class GridRatio extends ChartElement {
|
|
|
326
318
|
><span class="ratio-sell" style="width: ${Math.max(0, this.width - left - 1)}px"></span>`;
|
|
327
319
|
}
|
|
328
320
|
}
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
state()
|
|
334
|
-
], GridRatio.prototype, "width", void 0);
|
|
321
|
+
GridRatio.properties = {
|
|
322
|
+
value: { type: Number },
|
|
323
|
+
width: { state: true },
|
|
324
|
+
};
|
|
335
325
|
export class GridRange extends ChartElement {
|
|
326
|
+
connectedCallback() { this.dataset.chartKind = "range"; super.connectedCallback(); }
|
|
336
327
|
constructor() {
|
|
337
|
-
super(
|
|
328
|
+
super();
|
|
338
329
|
this.min = 0;
|
|
339
330
|
this.max = 1;
|
|
340
331
|
this.from = 0;
|
|
@@ -342,7 +333,6 @@ export class GridRange extends ChartElement {
|
|
|
342
333
|
this.marks = [];
|
|
343
334
|
this.width = 0;
|
|
344
335
|
}
|
|
345
|
-
connectedCallback() { this.dataset.chartKind = "range"; super.connectedCallback(); }
|
|
346
336
|
initialize() {
|
|
347
337
|
this.observer?.disconnect();
|
|
348
338
|
this.observer = observeWidth(this, (width) => {
|
|
@@ -365,24 +355,14 @@ export class GridRange extends ChartElement {
|
|
|
365
355
|
>`)}`;
|
|
366
356
|
}
|
|
367
357
|
}
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
], GridRange.prototype, "from", void 0);
|
|
377
|
-
__decorate([
|
|
378
|
-
property({ type: Number })
|
|
379
|
-
], GridRange.prototype, "to", void 0);
|
|
380
|
-
__decorate([
|
|
381
|
-
property({ attribute: false })
|
|
382
|
-
], GridRange.prototype, "marks", void 0);
|
|
383
|
-
__decorate([
|
|
384
|
-
state()
|
|
385
|
-
], GridRange.prototype, "width", void 0);
|
|
358
|
+
GridRange.properties = {
|
|
359
|
+
min: { type: Number },
|
|
360
|
+
max: { type: Number },
|
|
361
|
+
from: { type: Number },
|
|
362
|
+
to: { type: Number },
|
|
363
|
+
marks: { attribute: false },
|
|
364
|
+
width: { state: true },
|
|
365
|
+
};
|
|
386
366
|
define("ds-chart", GridLineChart);
|
|
387
367
|
define("ds-spark", GridSpark);
|
|
388
368
|
define("ds-bars", GridBars);
|
|
@@ -83,10 +83,11 @@ export declare class Cycle extends LitElement {
|
|
|
83
83
|
handleSettingsChanges(): void;
|
|
84
84
|
disconnectedCallback(): void;
|
|
85
85
|
handleButtonClick(e: Event): void;
|
|
86
|
+
/** Another control, or another tab, chose a shape. */
|
|
87
|
+
private onShapeChanged;
|
|
86
88
|
getValueDisplay(value: string): string | any;
|
|
87
89
|
getColorKey(colorVar: string): string;
|
|
88
90
|
getColorName(colorVar: string): string;
|
|
89
|
-
getNotesStyleIcon(style: string): import("lit").TemplateResult<1>;
|
|
90
91
|
/**
|
|
91
92
|
* A cycle without a stated look takes the one its type has always had: the
|
|
92
93
|
* language and theme cycles are grey chips, every other one, the accent
|
|
@@ -109,7 +110,6 @@ export declare class Cycle extends LitElement {
|
|
|
109
110
|
private handleLanguageChanged;
|
|
110
111
|
private handleThemeChanged;
|
|
111
112
|
private handleAccentColorChanged;
|
|
112
|
-
private handleNoteBehaviorChanged;
|
|
113
113
|
}
|
|
114
114
|
declare global {
|
|
115
115
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-cycle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-cycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"ds-cycle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-cycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAelD,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AAqBnB;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMvD;AAKD,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBpB;IAED,MAAM,CAAC,MAAM,0BAAqB;IAI1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACK,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAC1B,UAAkB,iBAAiB,EAAE,OAAO,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAG3B,OAAO,CAAC,aAAa,CAMnB;;IA8BF,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAEtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAE5B,iBAAiB;IA2BjB,gBAAgB,IAAI,IAAI;IAuCxB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IASzE,iBAAiB,IAAI,IAAI;IAsBzB,qBAAqB;IAKrB,oBAAoB;IAuBpB,iBAAiB,CAAC,CAAC,EAAE,KAAK;IAqF1B,sDAAsD;IACtD,OAAO,CAAC,cAAc,CAEpB;IAEF,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG;IA2B5C,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAgBrC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAyBtC;;;;;OAKG;IACH,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAiB7C,+EAA+E;IAC/E,SAAS,IAAI,MAAM;IAQnB,2GAA2G;IAC3G,eAAe,IAAI,MAAM;IAMzB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAgB5B,MAAM;IA+BN,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,wBAAwB;CAGjC;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}
|