@aquera/nile-elements 1.3.3 → 1.3.4-beta-1

package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js

@@ -0,0 +1,310 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileCalendar renders correctly with default properties"] = 
+`<div class="base">
+  <div class="calendar-config hidden">
+    <div class="calendar-switcher">
+      <nile-tab-group
+        centered=""
+        value="absolute"
+      >
+        <nile-tab
+          active=""
+          aria-disabled="false"
+          aria-selected="true"
+          centered=""
+          id="nile-tab-1"
+          panel="absolute"
+          role="tab"
+          slot="nav"
+        >
+          Absolute
+        </nile-tab>
+        <nile-tab
+          aria-disabled="false"
+          aria-selected="false"
+          centered=""
+          id="nile-tab-2"
+          panel="relative"
+          role="tab"
+          slot="nav"
+        >
+          Relative
+        </nile-tab>
+      </nile-tab-group>
+    </div>
+  </div>
+  <div class="calendar-wrapper">
+    <div class="calendar-container">
+      <div class="calendar">
+        <div class="calendar-header">
+          <nile-icon
+            class="calendar-header__month-navigation"
+            color="black"
+            description=""
+            method="fill"
+            name="arrowleft"
+            set="local"
+            size="16"
+            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
+          >
+          </nile-icon>
+          <span>
+            August
+            2025
+          </span>
+          <nile-icon
+            class="calendar-header__month-navigation"
+            color="black"
+            description=""
+            method="fill"
+            name="arrowright"
+            set="local"
+            size="16"
+            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
+          >
+          </nile-icon>
+        </div>
+        <div class="days_container">
+          <div class="day_name">
+            Su
+          </div>
+          <div class="day_name">
+            Mo
+          </div>
+          <div class="day_name">
+            Tu
+          </div>
+          <div class="day_name">
+            We
+          </div>
+          <div class="day_name">
+            Th
+          </div>
+          <div class="day_name">
+            Fr
+          </div>
+          <div class="day_name">
+            Sa
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              27
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              28
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              29
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              30
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              31
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              1
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              2
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              3
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              4
+              <div class="current__date__dot">
+              </div>
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              5
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              6
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              7
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              8
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              9
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              10
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              11
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              12
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              13
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              14
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              15
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              16
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              17
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              18
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              19
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              20
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              21
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              22
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              23
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              24
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              25
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              26
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              27
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              28
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              29
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              30
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              31
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              1
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              2
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              3
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              4
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              5
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              6
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+/* end snapshot NileCalendar renders correctly with default properties */
+

package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js

@@ -0,0 +1,34 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["Nile Card should render the card properly"] = 
+`<div
+  class="card card--has-footer"
+  part="base"
+>
+  <div
+    class="body__wrapper"
+    part="body__wrapper"
+  >
+    <slot
+      class="card__header"
+      name="header"
+      part="header"
+    >
+    </slot>
+    <slot
+      class="card__body"
+      part="body"
+    >
+    </slot>
+  </div>
+  <slot
+    class="card__footer"
+    name="footer"
+    part="footer"
+  >
+  </slot>
+</div>
+`;
+/* end snapshot Nile Card should render the card properly */
+

package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js

@@ -0,0 +1,31 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileCheckbox renders correctly with default properties"] = 
+`<label
+  class="checkbox checkbox--medium"
+  part="base"
+>
+  <input
+    aria-checked="false"
+    class="checkbox__input"
+    name=""
+    title=""
+    type="checkbox"
+  >
+  <span
+    class="checkbox__control"
+    part="control"
+  >
+  </span>
+  <div
+    class="checkbox__label"
+    part="label"
+  >
+    <slot>
+    </slot>
+  </div>
+</label>
+`;
+/* end snapshot NileCheckbox renders correctly with default properties */
+

package/dist/src/nile-code-editor/Old_theme copy.d.ts

@@ -0,0 +1,191 @@
+export declare const Theme: {
+    '&': {
+        fontSize: string;
+        fontFamily: string;
+        fontWeight: string;
+    };
+    '.cm-content': {};
+    ".cm-scroller": {
+        scrollbarWidth: string;
+    };
+};
+export declare const CustomTheme: {
+    '&': {
+        fontSize: string;
+        fontStyle: string;
+        fontFamily: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    '.cm-content': {
+        fontSize: string;
+        fontStyle: string;
+        fontFamily: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    ".cm-scroller": {
+        fontFamily: string;
+    };
+    ".cm-gutters": {
+        fontFamily: string;
+    };
+};
+export declare const fontFamily: {
+    '.cm-tooltip.cm-tooltip-autocomplete > ul': {
+        fontFamily: string;
+        fontWeight: string;
+    };
+    '.cm-content': {
+        fontFamily: string;
+    };
+};
+export declare const customisedThemeCss: {
+    '.cm-content': {
+        fontFamily: string;
+    };
+    '.cm-scroller': {
+        fontFamily: string;
+    };
+    '.cm-tooltip-autocomplete': {
+        padding: string;
+        backgroundColor: string;
+        display: string;
+        fontSize: string;
+        background: string;
+        border: string;
+        borderRadius: string;
+        paddingBlock: string;
+        paddingInline: string;
+        overscrollBehavior: string;
+        color: string;
+        zIndex: string;
+        position: string;
+        minHeight: string;
+        boxShadow: string;
+    };
+    '.cm-tooltip.cm-completionInfo.cm-completionInfo-right': {
+        fontFamily: string;
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        borderTopRightRadius: string;
+        borderBottomRightRadius: string;
+        border: string;
+        fontSize: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete > ul': {
+        fontFamily: string;
+        fontWeight: string;
+        maxWidth: string;
+        width: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {
+        padding: string;
+        overflow: string;
+        textOverflow: string;
+        whiteSpace: string;
+        maxWidth: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li:hover': {
+        backgroundColor: string;
+        color: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]': {
+        backgroundColor: string;
+        color: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]:hover': {
+        color: string;
+    };
+    '.cm-completionIcon': {
+        display: string;
+        position: string;
+    };
+    '.cm-completionIcon::after': {
+        display: string;
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionMatchedText': {
+        textDecoration: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-property::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-keyword::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-variable::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-text::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-function::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionIcon.cm-completionIcon-class::after': {
+        content: string;
+        position: string;
+        left: string;
+        top: string;
+        lineHeight: string;
+        verticalAlign: string;
+    };
+    '.cm-completionLabel': {
+        marginLeft: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete, .cm-editor .cm-tooltip-autocomplete, .cm-editor .cm-tooltip.cm-tooltip-autocomplete': {
+        position: string;
+        zIndex: string;
+        visibility: string;
+        opacity: string;
+        display: string;
+        top: string;
+        left: string;
+        right: string;
+        bottom: string;
+    };
+    '.cm-tooltip.cm-tooltip-autocomplete': {
+        maxWidth: string;
+        width: string;
+        minWidth: string;
+        boxShadow: string;
+    };
+    '.cm-tooltip-autocomplete[style*="top: -"]': {
+        top: string;
+        position: string;
+    };
+};