@redvars/peacock 3.8.6 → 3.9.1

package/dist/timeline.js

@@ -0,0 +1,52 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { TimelineItem } from './timeline-item.js';
+import './property-B49QQ8pS.js';
+
+var css_248z = i`:host {
+  display: block;
+}
+
+.timeline {
+  display: grid;
+  gap: 0;
+  position: relative;
+  padding-left: calc(var(--timeline-dot-size, 2rem) / 2);
+}`;
+
+/**
+ * @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 {
+    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;
+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  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"],"mappings":";;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQA,GAAU,CAAA;IAKtC,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;;AAbO,QAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAEjB,QAAA,CAAA,IAAI,GAAG,YAAH;AAHA,QAAQ,GAAA,UAAA,CAAA;IADpB;AACY,CAAA,EAAA,QAAQ,CAepB;;;;"}