@redvars/peacock 3.8.6 → 3.9.0

package/dist/timeline-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item.js","sources":["../../src/timeline/timeline-item.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './timeline-item.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Timeline Item\n * @tag wc-timeline-item\n * @rawTag timeline-item\n *\n * @summary An item for use inside a timeline, with a dot/marker and description.\n *\n * @example\n * ```html\n * <wc-timeline-item description=\"Step completed\">\n *   <span>Step title</span>\n *   <wc-icon slot=\"dot\" name=\"check\"></wc-icon>\n * </wc-timeline-item>\n * ```\n * @tags display\n */\n@IndividualComponent\nexport class TimelineItem extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"timeline-item\">\n        <div class=\"marker-column\">\n          <div class=\"marker\">\n            <div class=\"marker-dot\">\n              ${this.loading\n                ? html`<wc-circular-progress\n                    class=\"dot-spinner\"\n                    indeterminate\n                    aria-label=\"Loading\"\n                  ></wc-circular-progress>`\n                : html`<slot name=\"dot\"></slot>`}\n            </div>\n          </div>\n          <div class=\"connector\"></div>\n        </div>\n\n        <div class=\"content\">\n          <div class=\"headline\"><slot></slot></div>\n          <div class=\"description\">\n            <slot name=\"content\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;;;;AAeG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQA,GAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QAGuC,IAAA,CAAA,OAAO,GAAG,KAAK;IAoC7D;IAlCE,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;;AAKC,cAAA,EAAA,IAAI,CAAC;cACHA,CAAI,CAAA,CAAA;;;;AAIqB,0CAAA;cACzBA,CAAI,CAAA,CAAA,wBAAA,CAA0B;;;;;;;;;;;;;KAa3C;IACH;;AArCO,YAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAEoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAkB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAHjD,YAAY,GAAA,UAAA,CAAA;IADxB;AACY,CAAA,EAAA,YAAY,CAuCxB;;;;"}

package/dist/timeline.js

@@ -0,0 +1,69 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { TimelineItem } from './timeline-item.js';
+
+var css_248z = i`:host {
+  display: block;
+}
+
+.timeline {
+  display: grid;
+  gap: 0;
+  position: relative;
+  padding-left: calc(var(--timeline-dot-size, 2rem) / 2);
+}
+
+:host([orientation=horizontal]) .timeline {
+  display: grid;
+  gap: 0;
+  position: relative;
+  padding-left: 0;
+  padding-top: calc(var(--timeline-dot-size, 2rem) / 2);
+  grid-auto-flow: column;
+  grid-template-rows: 1fr;
+}`;
+
+/**
+ * @label Timeline
+ * @tag wc-timeline
+ * @rawTag timeline
+ *
+ * @summary A vertical timeline layout for a series of timeline items.
+ *
+ * @example
+ * ```html
+ * <wc-timeline>
+ *   <wc-timeline-item description="Task completed">
+ *     <span>Task title</span>
+ *     <wc-icon slot="dot" name="check"></wc-icon>
+ *   </wc-timeline-item>
+ * </wc-timeline>
+ * ```
+ * @tags display
+ */
+let Timeline = class Timeline extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'vertical';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'list');
+        }
+    }
+    render() {
+        return b `<div class="timeline"><slot></slot></div>`;
+    }
+};
+Timeline.styles = [css_248z];
+Timeline.Item = TimelineItem;
+__decorate([
+    n({ type: String, reflect: true })
+], Timeline.prototype, "orientation", void 0);
+Timeline = __decorate([
+    IndividualComponent
+], Timeline);
+
+export { Timeline };
+//# sourceMappingURL=timeline.js.map

package/dist/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sources":["../../src/timeline/timeline.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './timeline.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport { TimelineItem } from './timeline-item.js';\n\n/**\n * @label Timeline\n * @tag wc-timeline\n * @rawTag timeline\n *\n * @summary A vertical timeline layout for a series of timeline items.\n *\n * @example\n * ```html\n * <wc-timeline>\n *   <wc-timeline-item description=\"Task completed\">\n *     <span>Task title</span>\n *     <wc-icon slot=\"dot\" name=\"check\"></wc-icon>\n *   </wc-timeline-item>\n * </wc-timeline>\n * ```\n * @tags display\n */\n@IndividualComponent\nexport class Timeline extends LitElement {\n  static styles = [styles];\n\n  static Item = TimelineItem;\n\n  @property({ type: String, reflect: true }) orientation: 'vertical' | 'horizontal' = 'vertical';\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n  }\n\n  render() {\n    return html`<div class=\"timeline\"><slot></slot></div>`;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQA,GAAU,CAAA;AAAjC,IAAA,WAAA,GAAA;;QAKsC,IAAA,CAAA,WAAW,GAA8B,UAAU;IAYhG;IAVE,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;IACF;IAEA,MAAM,GAAA;QACJ,OAAOC,CAAI,CAAA,CAAA,yCAAA,CAA2C;IACxD;;AAfO,QAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAEjB,QAAA,CAAA,IAAI,GAAG,YAAH;AAEgC,UAAA,CAAA;IAA1CC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAAsD,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AALpF,QAAQ,GAAA,UAAA,CAAA;IADpB;AACY,CAAA,EAAA,QAAQ,CAiBpB;;;;"}