snice 7.6.0 → 7.8.0

package/adapters/react/SniceProvider.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/adapters/react/SniceRouter.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/adapters/react/calendar.d.ts

@@ -20,6 +20,7 @@ export interface CalendarProps extends SniceBaseProps {
     eventPopover?: any;
     onCalendarChange?: (event: any) => void;
     onCalendarEventClick?: (event: any) => void;
+    onCalendarMoreClick?: (event: any) => void;
 }
 /**
  * Calendar - React adapter for snice-calendar

package/adapters/react/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAKzE,CAAC","sourcesContent":["// GENERATED FILE — DO NOT EDIT.\n// Source: components/calendar/ + scripts/generate-react-adapters.js\n// Rebuild: npm run generate:react-adapters\nimport { createReactAdapter, type SniceReactComponent } from './wrapper';\nimport type { SniceBaseProps, SniceComponentRef } from './types';\n\n\n/**\n * Props for the Calendar component\n */\nexport interface CalendarProps extends SniceBaseProps {\n  value?: any;\n  view?: any;\n  events?: any;\n  minDate?: any;\n  maxDate?: any;\n  disabledDates?: any;\n  highlightToday?: any;\n  showWeekNumbers?: any;\n  firstDayOfWeek?: any;\n  locale?: any;\n  noDaySelect?: any;\n  cellSizing?: any;\n  eventTooltip?: any;\n  eventPopover?: any;\n  onCalendarChange?: (event: any) => void;\n  onCalendarEventClick?: (event: any) => void;\n}\n\n/**\n * Calendar - React adapter for snice-calendar\n *\n * This is an auto-generated React wrapper for the Snice calendar component.\n * Make sure to import the Snice component before using this wrapper:\n *\n * @example\n * ```tsx\n * import 'snice/components/calendar/snice-calendar';\n * import { Calendar } from 'snice/react';\n *\n * function MyComponent() {\n *   return <Calendar />;\n * }\n * ```\n */\nexport const Calendar: SniceReactComponent<CalendarProps, SniceComponentRef> = createReactAdapter<CalendarProps, false>({\n  tagName: 'snice-calendar',\n  properties: [\"value\",\"view\",\"events\",\"minDate\",\"maxDate\",\"disabledDates\",\"highlightToday\",\"showWeekNumbers\",\"firstDayOfWeek\",\"locale\",\"noDaySelect\",\"cellSizing\",\"eventTooltip\",\"eventPopover\"],\n  events: {\"calendar-change\":\"onCalendarChange\",\"calendar-event-click\":\"onCalendarEventClick\"},\n  formAssociated: false\n});\n"]}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAKzE,CAAC","sourcesContent":["// GENERATED FILE — DO NOT EDIT.\n// Source: components/calendar/ + scripts/generate-react-adapters.js\n// Rebuild: npm run generate:react-adapters\nimport { createReactAdapter, type SniceReactComponent } from './wrapper';\nimport type { SniceBaseProps, SniceComponentRef } from './types';\n\n\n/**\n * Props for the Calendar component\n */\nexport interface CalendarProps extends SniceBaseProps {\n  value?: any;\n  view?: any;\n  events?: any;\n  minDate?: any;\n  maxDate?: any;\n  disabledDates?: any;\n  highlightToday?: any;\n  showWeekNumbers?: any;\n  firstDayOfWeek?: any;\n  locale?: any;\n  noDaySelect?: any;\n  cellSizing?: any;\n  eventTooltip?: any;\n  eventPopover?: any;\n  onCalendarChange?: (event: any) => void;\n  onCalendarEventClick?: (event: any) => void;\n  onCalendarMoreClick?: (event: any) => void;\n}\n\n/**\n * Calendar - React adapter for snice-calendar\n *\n * This is an auto-generated React wrapper for the Snice calendar component.\n * Make sure to import the Snice component before using this wrapper:\n *\n * @example\n * ```tsx\n * import 'snice/components/calendar/snice-calendar';\n * import { Calendar } from 'snice/react';\n *\n * function MyComponent() {\n *   return <Calendar />;\n * }\n * ```\n */\nexport const Calendar: SniceReactComponent<CalendarProps, SniceComponentRef> = createReactAdapter<CalendarProps, false>({\n  tagName: 'snice-calendar',\n  properties: [\"value\",\"view\",\"events\",\"minDate\",\"maxDate\",\"disabledDates\",\"highlightToday\",\"showWeekNumbers\",\"firstDayOfWeek\",\"locale\",\"noDaySelect\",\"cellSizing\",\"eventTooltip\",\"eventPopover\"],\n  events: {\"calendar-change\":\"onCalendarChange\",\"calendar-event-click\":\"onCalendarEventClick\",\"calendar-more-click\":\"onCalendarMoreClick\"},\n  formAssociated: false\n});\n"]}

package/adapters/react/calendar.js

@@ -21,7 +21,7 @@ import { createReactAdapter } from './wrapper';
 export const Calendar = createReactAdapter({
     tagName: 'snice-calendar',
     properties: ["value", "view", "events", "minDate", "maxDate", "disabledDates", "highlightToday", "showWeekNumbers", "firstDayOfWeek", "locale", "noDaySelect", "cellSizing", "eventTooltip", "eventPopover"],
-    events: { "calendar-change": "onCalendarChange", "calendar-event-click": "onCalendarEventClick" },
+    events: { "calendar-change": "onCalendarChange", "calendar-event-click": "onCalendarEventClick", "calendar-more-click": "onCalendarMoreClick" },
     formAssociated: false
 });
 //# sourceMappingURL=calendar.js.map

package/adapters/react/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["calendar.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,oEAAoE;AACpE,2CAA2C;AAC3C,OAAO,EAAE,kBAAkB,EAA4B,MAAM,WAAW,CAAC;AA0BzE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA0D,kBAAkB,CAAuB;IACtH,OAAO,EAAE,gBAAgB;IACzB,UAAU,EAAE,CAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,EAAC,aAAa,EAAC,YAAY,EAAC,cAAc,EAAC,cAAc,CAAC;IAC/L,MAAM,EAAE,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,sBAAsB,EAAC,sBAAsB,EAAC;IAC5F,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC","sourcesContent":["// GENERATED FILE — DO NOT EDIT.\n// Source: components/calendar/ + scripts/generate-react-adapters.js\n// Rebuild: npm run generate:react-adapters\nimport { createReactAdapter, type SniceReactComponent } from './wrapper';\nimport type { SniceBaseProps, SniceComponentRef } from './types';\n\n\n/**\n * Props for the Calendar component\n */\nexport interface CalendarProps extends SniceBaseProps {\n  value?: any;\n  view?: any;\n  events?: any;\n  minDate?: any;\n  maxDate?: any;\n  disabledDates?: any;\n  highlightToday?: any;\n  showWeekNumbers?: any;\n  firstDayOfWeek?: any;\n  locale?: any;\n  noDaySelect?: any;\n  cellSizing?: any;\n  eventTooltip?: any;\n  eventPopover?: any;\n  onCalendarChange?: (event: any) => void;\n  onCalendarEventClick?: (event: any) => void;\n}\n\n/**\n * Calendar - React adapter for snice-calendar\n *\n * This is an auto-generated React wrapper for the Snice calendar component.\n * Make sure to import the Snice component before using this wrapper:\n *\n * @example\n * ```tsx\n * import 'snice/components/calendar/snice-calendar';\n * import { Calendar } from 'snice/react';\n *\n * function MyComponent() {\n *   return <Calendar />;\n * }\n * ```\n */\nexport const Calendar: SniceReactComponent<CalendarProps, SniceComponentRef> = createReactAdapter<CalendarProps, false>({\n  tagName: 'snice-calendar',\n  properties: [\"value\",\"view\",\"events\",\"minDate\",\"maxDate\",\"disabledDates\",\"highlightToday\",\"showWeekNumbers\",\"firstDayOfWeek\",\"locale\",\"noDaySelect\",\"cellSizing\",\"eventTooltip\",\"eventPopover\"],\n  events: {\"calendar-change\":\"onCalendarChange\",\"calendar-event-click\":\"onCalendarEventClick\"},\n  formAssociated: false\n});\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["calendar.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,oEAAoE;AACpE,2CAA2C;AAC3C,OAAO,EAAE,kBAAkB,EAA4B,MAAM,WAAW,CAAC;AA2BzE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA0D,kBAAkB,CAAuB;IACtH,OAAO,EAAE,gBAAgB;IACzB,UAAU,EAAE,CAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,EAAC,aAAa,EAAC,YAAY,EAAC,cAAc,EAAC,cAAc,CAAC;IAC/L,MAAM,EAAE,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,sBAAsB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,qBAAqB,EAAC;IACxI,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC","sourcesContent":["// GENERATED FILE — DO NOT EDIT.\n// Source: components/calendar/ + scripts/generate-react-adapters.js\n// Rebuild: npm run generate:react-adapters\nimport { createReactAdapter, type SniceReactComponent } from './wrapper';\nimport type { SniceBaseProps, SniceComponentRef } from './types';\n\n\n/**\n * Props for the Calendar component\n */\nexport interface CalendarProps extends SniceBaseProps {\n  value?: any;\n  view?: any;\n  events?: any;\n  minDate?: any;\n  maxDate?: any;\n  disabledDates?: any;\n  highlightToday?: any;\n  showWeekNumbers?: any;\n  firstDayOfWeek?: any;\n  locale?: any;\n  noDaySelect?: any;\n  cellSizing?: any;\n  eventTooltip?: any;\n  eventPopover?: any;\n  onCalendarChange?: (event: any) => void;\n  onCalendarEventClick?: (event: any) => void;\n  onCalendarMoreClick?: (event: any) => void;\n}\n\n/**\n * Calendar - React adapter for snice-calendar\n *\n * This is an auto-generated React wrapper for the Snice calendar component.\n * Make sure to import the Snice component before using this wrapper:\n *\n * @example\n * ```tsx\n * import 'snice/components/calendar/snice-calendar';\n * import { Calendar } from 'snice/react';\n *\n * function MyComponent() {\n *   return <Calendar />;\n * }\n * ```\n */\nexport const Calendar: SniceReactComponent<CalendarProps, SniceComponentRef> = createReactAdapter<CalendarProps, false>({\n  tagName: 'snice-calendar',\n  properties: [\"value\",\"view\",\"events\",\"minDate\",\"maxDate\",\"disabledDates\",\"highlightToday\",\"showWeekNumbers\",\"firstDayOfWeek\",\"locale\",\"noDaySelect\",\"cellSizing\",\"eventTooltip\",\"eventPopover\"],\n  events: {\"calendar-change\":\"onCalendarChange\",\"calendar-event-click\":\"onCalendarEventClick\",\"calendar-more-click\":\"onCalendarMoreClick\"},\n  formAssociated: false\n});\n"]}

package/adapters/react/calendar.tsx

@@ -25,6 +25,7 @@ export interface CalendarProps extends SniceBaseProps {
   eventPopover?: any;
   onCalendarChange?: (event: any) => void;
   onCalendarEventClick?: (event: any) => void;
+  onCalendarMoreClick?: (event: any) => void;
 }
 
 /**
@@ -46,6 +47,6 @@ export interface CalendarProps extends SniceBaseProps {
 export const Calendar: SniceReactComponent<CalendarProps, SniceComponentRef> = createReactAdapter<CalendarProps, false>({
   tagName: 'snice-calendar',
   properties: ["value","view","events","minDate","maxDate","disabledDates","highlightToday","showWeekNumbers","firstDayOfWeek","locale","noDaySelect","cellSizing","eventTooltip","eventPopover"],
-  events: {"calendar-change":"onCalendarChange","calendar-event-click":"onCalendarEventClick"},
+  events: {"calendar-change":"onCalendarChange","calendar-event-click":"onCalendarEventClick","calendar-more-click":"onCalendarMoreClick"},
   formAssociated: false
 });

package/adapters/react/matchRoute.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/adapters/react/useRequestHandler.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/bin/analyzer-contracts.js

@@ -2568,6 +2568,10 @@ export const ANALYZER_CONTRACTS = {
         {
           "name": "calendar-event-click",
           "type": "CustomEvent<unknown>"
+        },
+        {
+          "name": "calendar-more-click",
+          "type": "CustomEvent<unknown>"
         }
       ],
       "slots": []
@@ -22641,7 +22645,8 @@ export const ANALYZER_CONTRACTS = {
         ],
         "events": {
           "calendar-change": "onCalendarChange",
-          "calendar-event-click": "onCalendarEventClick"
+          "calendar-event-click": "onCalendarEventClick",
+          "calendar-more-click": "onCalendarMoreClick"
         },
         "interfaceProps": [
           "value",
@@ -22659,7 +22664,8 @@ export const ANALYZER_CONTRACTS = {
           "eventTooltip",
           "eventPopover",
           "onCalendarChange",
-          "onCalendarEventClick"
+          "onCalendarEventClick",
+          "onCalendarMoreClick"
         ],
         "formAssociated": false
       },

package/custom-elements.json

@@ -5519,6 +5519,10 @@
             {
               "name": "calendar-event-click",
               "type": "CustomEvent<unknown>"
+            },
+            {
+              "name": "calendar-more-click",
+              "type": "CustomEvent<unknown>"
             }
           ],
           "slots": [],
@@ -46022,6 +46026,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "handleFrameResize",
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "handleGroupByChange",
@@ -48390,7 +48404,7 @@
               "type": {
                 "text": "string[]"
               },
-              "description": "Live tags. Assignments do not rewrite the authored reset default."
+              "description": "Live tags. Assignments do not rewrite the authored reset default and do\nnot emit `tag-change`; only tag edits do."
             },
             {
               "kind": "field",

package/dist/cdn/accordion/snice-accordion.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/action-bar/snice-action-bar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/activity-feed/snice-activity-feed.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/app-tiles/snice-app-tiles.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/approval-flow/snice-approval-flow.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/audio-recorder/snice-audio-recorder.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/availability/snice-availability.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar/snice-avatar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar-group/snice-avatar-group.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/badge/snice-badge.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/banner/snice-banner.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/binpack/snice-binpack.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/book/snice-book.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/booking/snice-booking.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/breadcrumbs/snice-breadcrumbs.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/button/snice-button.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.1
+ * snice v7.7.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.
@@ -328,7 +328,7 @@ var SniceButton = (function (exports, snice) {
       return host.closest('form');
   }
 
-  var cssContent = ":host([hidden]){display:none}:host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}:host([justify-text=start]) .button{justify-content:flex-start}:host([justify-text=end]) .button{justify-content:flex-end}:host([justify-text=center]) .button{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),border-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),box-shadow var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),transform 180ms var(--snice-ease-spring, cubic-bezier(.34,1.56,.64,1));cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-convex,none);pointer-events:none}.button:active:not(.button--disabled){transition:color 50ms var(--snice-ease-out, ease),background-color 50ms var(--snice-ease-out, ease),border-color 50ms var(--snice-ease-out, ease),box-shadow 50ms var(--snice-ease-out, ease),transform 80ms var(--snice-ease-out, ease);transform:translateY(0) scale(.97)}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:2rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-container-low,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-surface-container,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--button-warning-text,rgb(69 26 3));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-hover,rgb(245 245 245));box-shadow:none;transform:none}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-subtle,rgb(220 252 231));color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:none;transform:none}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-subtle,rgb(254 249 195));color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:none;transform:none}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-subtle,rgb(254 226 226));color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-primary-subtle-hover,var(--snice-color-surface-active,rgb(235 235 235)));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:2rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0;transform:none;width:auto;height:auto}.button--circle .icon-slot ::slotted(*){font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}.button--circle .icon-slot ::slotted(svg){width:1.25em;height:1.25em}@media (prefers-reduced-motion:reduce){.icon-slot,.spinner,button,button:active{transition-duration:0s!important;animation-duration:0s!important}button:active{transform:none}}";
+  var cssContent = ":host([hidden]){display:none}:host{display:inline-block;position:relative;width:auto;cursor:pointer}:host([disabled]){cursor:not-allowed}:host([justify-text=start]) .button{justify-content:flex-start}:host([justify-text=end]) .button{justify-content:flex-end}:host([justify-text=center]) .button{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-medium,500);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .03));transition:color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),border-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),box-shadow var(--snice-transition-fast, 150ms) var(--snice-ease-out, cubic-bezier(.22,1,.36,1)),transform 180ms var(--snice-ease-spring, cubic-bezier(.34,1.56,.64,1));cursor:inherit;position:relative}.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--snice-gradient-convex,none);pointer-events:none}.button:active:not(.button--disabled){transition:color 50ms var(--snice-ease-out, ease),background-color 50ms var(--snice-ease-out, ease),border-color 50ms var(--snice-ease-out, ease),box-shadow 50ms var(--snice-ease-out, ease),transform 80ms var(--snice-ease-out, ease);transform:translateY(0) scale(.97)}.button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--small{font-size:var(--snice-font-size-sm, .875rem);height:2rem;padding:0 var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--medium{font-size:var(--snice-font-size-md, 1rem);height:2.5rem;padding:0 var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--large{font-size:var(--snice-font-size-lg, 1.125rem);height:3rem;padding:0 var(--snice-spacing-lg,1.5rem);border-radius:var(--snice-border-radius-md,.25rem)}.button--default{background-color:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));border-color:var(--snice-color-border,rgb(226 226 226))}.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-container-low,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--default:active:not(.button--disabled){background-color:var(--snice-color-surface-container,rgb(248 248 248));border-color:var(--snice-color-border-hover,rgb(204 204 204));box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--primary{background-color:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-hover,rgb(29 78 216));border-color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--success{background-color:var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-success,rgb(22 163 74))}.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-hover,rgb(21 128 61));border-color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--success:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-success,rgb(22 163 74)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--warning{background-color:var(--snice-color-warning,rgb(202 138 4));color:var(--button-warning-text,rgb(69 26 3));border-color:var(--snice-color-warning,rgb(202 138 4))}.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-hover,rgb(161 98 7));border-color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--warning:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-warning,rgb(202 138 4)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--danger{background-color:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-hover,rgb(185 28 28));border-color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05));transform:translateY(-1px)}.button--danger:active:not(.button--disabled){background-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);border-color:color-mix(in srgb,var(--snice-color-danger,rgb(220 38 38)) 85%,#fff);box-shadow:var(--snice-shadow-inset-sm,inset 0 1px 2px rgb(0 0 0 / .05));transform:translateY(0) scale(.97)}.button--text{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235));border-color:transparent;box-shadow:none}.button--text::before{display:none}.button--text:hover:not(.button--disabled){background-color:var(--snice-color-primary-alpha,rgb(37 99 235 / .1));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--text:active:not(.button--disabled){background-color:var(--snice-color-primary-alpha-strong,rgb(37 99 235 / .15));box-shadow:none;transform:none}.button--outline{box-shadow:none}.button--outline::before{display:none}.button--outline.button--default{background-color:transparent;color:var(--snice-color-text,rgb(23 23 23))}.button--outline.button--primary{background-color:transparent;color:var(--snice-color-primary,rgb(37 99 235))}.button--outline.button--success{background-color:transparent;color:var(--snice-color-success,rgb(22 163 74))}.button--outline.button--warning{background-color:transparent;color:var(--snice-color-warning,rgb(202 138 4))}.button--outline.button--danger{background-color:transparent;color:var(--snice-color-danger,rgb(220 38 38))}.button--outline.button--default:hover:not(.button--disabled){background-color:var(--snice-color-surface-hover,rgb(245 245 245));box-shadow:none;transform:none}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary-hover,rgb(29 78 216));box-shadow:none;transform:none}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--snice-color-success-subtle,rgb(220 252 231));color:var(--snice-color-success-hover,rgb(21 128 61));box-shadow:none;transform:none}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--snice-color-warning-subtle,rgb(254 249 195));color:var(--snice-color-warning-hover,rgb(161 98 7));box-shadow:none;transform:none}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--snice-color-danger-subtle,rgb(254 226 226));color:var(--snice-color-danger-hover,rgb(185 28 28));box-shadow:none;transform:none}.button--outline:active:not(.button--disabled){background-color:var(--snice-color-primary-subtle-hover,var(--snice-color-surface-active,rgb(235 235 235)));box-shadow:none;transform:none}.button--pill{border-radius:var(--snice-border-radius-pill,9999px)}.button--circle{border-radius:var(--snice-border-radius-circle,50%);width:var(--size);padding:0}.button--small.button--circle{--size:2rem}.button--medium.button--circle{--size:2.5rem}.button--large.button--circle{--size:3rem}.button--loading{position:relative;cursor:wait}.button--loading .label{visibility:hidden}.spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}.button--loading .spinner{display:block}.spinner::after{content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon-slot:empty{display:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;line-height:1}.icon img{width:100%;height:100%;object-fit:contain}.icon svg{width:100%;height:100%}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:1.25em;line-height:1}.icon-slot ::slotted(svg){width:1.25em;height:1.25em}.icon-slot ::slotted(img){width:1.25em;height:1.25em;object-fit:contain}.button--icon-start .icon,.button--icon-start .icon-slot{margin-right:.5em}.button--icon-end .icon,.button--icon-end .icon-slot{margin-left:.5em}.button--circle .icon,.button--circle .icon-slot{margin:0;transform:none;width:auto;height:auto}.button--circle .icon svg{width:1.25em;height:1.25em}.button--circle .icon-slot ::slotted(*){font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center}.button--circle .icon-slot ::slotted(svg){width:1.25em;height:1.25em}@media (prefers-reduced-motion:reduce){.icon-slot,.spinner,button,button:active{transition-duration:0s!important;animation-duration:0s!important}button:active{transform:none}}";
 
   let SniceButton = (() => {
       let _classDecorators = [snice.element('snice-button', { formAssociated: true, delegatesFocus: true })];