@brightspace-ui/core 3.277.0 → 3.278.0

package/custom-elements.json

@@ -196,104 +196,104 @@
       ]
     },
     {
-      "name": "d2l-backdrop-dirty-overlay",
-      "path": "./components/backdrop/backdrop-dirty-overlay.js",
-      "description": "The `d2l-backdrop-dirty-overlay` component is used to render a dialog with text and an action over another element that needs to be refreshed after user input.",
+      "name": "d2l-backdrop-loading",
+      "path": "./components/backdrop/backdrop-loading.js",
+      "description": "A component for displaying a semi-transparent backdrop and a loading spinner over the containing element",
       "attributes": [
         {
-          "name": "description",
-          "description": "The text displayed on the dirty state overlay.",
+          "name": "for",
+          "description": "Used to identify content that the backdrop should make inert",
+          "type": "string"
+        },
+        {
+          "name": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "action",
-          "description": "The text displayed on the button of the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
           "type": "string"
+        },
+        {
+          "name": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"\\\"fresh\\\"\""
         }
       ],
       "properties": [
         {
-          "name": "description",
-          "attribute": "description",
-          "description": "The text displayed on the dirty state overlay.",
+          "name": "for",
+          "attribute": "for",
+          "description": "Used to identify content that the backdrop should make inert",
           "type": "string"
         },
         {
-          "name": "action",
-          "attribute": "action",
-          "description": "The text displayed on the button of the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        },
+        {
+          "name": "freshnessStaleButtonText",
+          "attribute": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"bodyCompactStyles\",\"overlayStyles\",null]"
-        }
-      ],
-      "events": [
+          "name": "freshnessStaleText",
+          "attribute": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
+          "type": "string"
+        },
         {
-          "name": "d2l-backdrop-dirty-overlay-action",
-          "description": "Dispatched when the action button on the overlay is clicked"
+          "name": "freshness",
+          "attribute": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"\\\"fresh\\\"\""
         }
       ]
     },
     {
-      "name": "d2l-backdrop-loading",
-      "path": "./components/backdrop/backdrop-loading.js",
-      "description": "A component for displaying a semi-transparent backdrop and a loading spinner over the containing element",
+      "name": "d2l-backdrop-stale-overlay",
+      "path": "./components/backdrop/backdrop-stale-overlay.js",
+      "description": "A component to render as an overlay over another element with stale data.",
       "attributes": [
         {
-          "name": "for",
-          "description": "Used to identify content that the backdrop should make inert",
-          "type": "string"
-        },
-        {
-          "name": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "button-text",
+          "description": "The action button text",
           "type": "string"
         },
         {
-          "name": "dirty-button-text",
-          "description": "The text displayed on the button of the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "text",
+          "description": "The text displayed on the overlay",
           "type": "string"
-        },
-        {
-          "name": "dataState",
-          "description": "The state of data in the element being overlaid. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
         }
       ],
       "properties": [
         {
-          "name": "for",
-          "attribute": "for",
-          "description": "Used to identify content that the backdrop should make inert",
-          "type": "string"
-        },
-        {
-          "name": "dirtyText",
-          "attribute": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "buttonText",
+          "attribute": "button-text",
+          "description": "The action button text",
           "type": "string"
         },
         {
-          "name": "dirtyButtonText",
-          "attribute": "dirty-button-text",
-          "description": "The text displayed on the button of the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "text",
+          "attribute": "text",
+          "description": "The text displayed on the overlay",
           "type": "string"
         },
         {
           "name": "styles",
           "type": "array",
-          "default": "[null]"
-        },
+          "default": "[\"bodyCompactStyles\",null]"
+        }
+      ],
+      "events": [
         {
-          "name": "dataState",
-          "attribute": "dataState",
-          "description": "The state of data in the element being overlaid. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
+          "name": "d2l-backdrop-stale-overlay-action",
+          "description": "Dispatched when the action button on the overlay is clicked"
         }
       ]
     },
@@ -15743,20 +15743,20 @@
           "default": "\"default\""
         },
         {
-          "name": "dataState",
-          "description": "The state of data in the table. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
+          "name": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
+          "type": "string"
         },
         {
-          "name": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "dirty-button-text",
-          "description": "The text displayed on the button dirty state overlay when the 'dirty' dataState is set.",
-          "type": "string"
+          "name": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"fresh\""
         },
         {
           "name": "item-count",
@@ -15840,23 +15840,23 @@
           "default": "\"default\""
         },
         {
-          "name": "dataState",
-          "attribute": "dataState",
-          "description": "The state of data in the table. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
+          "name": "freshnessStaleButtonText",
+          "attribute": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
+          "type": "string"
         },
         {
-          "name": "dirtyText",
-          "attribute": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "freshnessStaleText",
+          "attribute": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "dirtyButtonText",
-          "attribute": "dirty-button-text",
-          "description": "The text displayed on the button dirty state overlay when the 'dirty' dataState is set.",
-          "type": "string"
+          "name": "freshness",
+          "attribute": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"fresh\""
         },
         {
           "name": "itemCount",
@@ -15879,8 +15879,8 @@
       ],
       "events": [
         {
-          "name": "d2l-table-dirty-button-clicked",
-          "description": "Dispatched when the action button on the dirty overlay is clicked"
+          "name": "d2l-table-stale-button-click",
+          "description": "Dispatched when the action button on the stale overlay is clicked"
         }
       ],
       "slots": [
@@ -16214,20 +16214,20 @@
           "default": "\"default\""
         },
         {
-          "name": "dataState",
-          "description": "The state of data in the table. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
+          "name": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
+          "type": "string"
         },
         {
-          "name": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "dirty-button-text",
-          "description": "The text displayed on the button dirty state overlay when the 'dirty' dataState is set.",
-          "type": "string"
+          "name": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"\\\"fresh\\\"\""
         },
         {
           "name": "item-count",
@@ -16275,23 +16275,23 @@
           "default": "\"default\""
         },
         {
-          "name": "dataState",
-          "attribute": "dataState",
-          "description": "The state of data in the table. Set to 'clean' when the data represents the user's latest selections, 'dirty' when the data does not represent the user's latest selections, and 'loading' if the data is being actively refreshed",
-          "type": "'clean'|'dirty'|'loading'",
-          "default": "\"clean\""
+          "name": "freshnessStaleButtonText",
+          "attribute": "freshness-stale-button-text",
+          "description": "The button text in the overlay when 'stale'",
+          "type": "string"
         },
         {
-          "name": "dirtyText",
-          "attribute": "dirty-text",
-          "description": "The text displayed on the dirty state overlay when the 'dirty' dataState is set.",
+          "name": "freshnessStaleText",
+          "attribute": "freshness-stale-text",
+          "description": "The text message in the overlay when 'stale'",
           "type": "string"
         },
         {
-          "name": "dirtyButtonText",
-          "attribute": "dirty-button-text",
-          "description": "The text displayed on the button dirty state overlay when the 'dirty' dataState is set.",
-          "type": "string"
+          "name": "freshness",
+          "attribute": "freshness",
+          "description": "The freshness of the component data",
+          "type": "'fresh'|'stale'|'loading'",
+          "default": "\"\\\"fresh\\\"\""
         },
         {
           "name": "itemCount",
@@ -16314,8 +16314,8 @@
       ],
       "events": [
         {
-          "name": "d2l-table-dirty-button-clicked",
-          "description": "Dispatched when the action button on the dirty overlay is clicked"
+          "name": "d2l-table-stale-button-click",
+          "description": "Dispatched when the action button on the stale overlay is clicked"
         }
       ],
       "slots": [

package/lang/ar.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "إغلاق التنبيه",
 	"components.backdrop-loading.loadingAnnouncement": "جارٍ التحميل",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "اكتمل التحميل.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "مسار التنقل",
 	"components.button-add.addItem": "إضافة عنصر",
 	"components.button-copy.copied": "تم النسخ!",

package/lang/ca.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Tanca l’alerta",
 	"components.backdrop-loading.loadingAnnouncement": "Carregant.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Càrrega completa.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
 	"components.button-add.addItem": "Afegeix element",
 	"components.button-copy.copied": "S’ha copiat!",

package/lang/cy.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Cau Hysbysiad",
 	"components.backdrop-loading.loadingAnnouncement": "Wrthi’n llwytho.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Llwytho wedi Gorffen.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Briwsionyn Bara",
 	"components.button-add.addItem": "Ychwanegu Eitem",
 	"components.button-copy.copied": "Wedi’i gopïo!",

package/lang/da.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Luk besked",
 	"components.backdrop-loading.loadingAnnouncement": "Indlæser.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Indlæsning fuldført.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Brødkrumme",
 	"components.button-add.addItem": "Tilføj element",
 	"components.button-copy.copied": "Kopieret!",

package/lang/de.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Benachrichtigung schließen",
 	"components.backdrop-loading.loadingAnnouncement": "Wird geladen.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Ladevorgang abgeschlossen.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Brotkrümelnavigation",
 	"components.button-add.addItem": "Element hinzufügen",
 	"components.button-copy.copied": "Kopiert.",

package/lang/en-gb.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Close Alert",
 	"components.backdrop-loading.loadingAnnouncement": "Loading.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Loading Complete.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
 	"components.button-add.addItem": "Add Item",
 	"components.button-copy.copied": "Copied!",

package/lang/en.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Close Alert",
 	"components.backdrop-loading.loadingAnnouncement": "Loading.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Loading Complete.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
 	"components.button-add.addItem": "Add Item",
 	"components.button-copy.copied": "Copied!",

package/lang/es-es.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.backdrop-loading.loadingAnnouncement": "Cargando.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Carga completa.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
 	"components.button-add.addItem": "Agregar elemento",
 	"components.button-copy.copied": "¡Copiado!",

package/lang/es.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.backdrop-loading.loadingAnnouncement": "Cargando.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Carga completa.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
 	"components.button-add.addItem": "Agregar elemento",
 	"components.button-copy.copied": "Copiado.",

package/lang/fr-fr.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Fermer l’alerte",
 	"components.backdrop-loading.loadingAnnouncement": "Chargement.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Chargement terminé.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
 	"components.button-add.addItem": "Ajouter un élément",
 	"components.button-copy.copied": "Copie effectuée !",

package/lang/fr.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Fermer l’alerte",
 	"components.backdrop-loading.loadingAnnouncement": "Chargement.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Chargement terminé.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
 	"components.button-add.addItem": "Ajouter un élément",
 	"components.button-copy.copied": "Copié!",

package/lang/haw.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Pani i ka makaʻala",
 	"components.backdrop-loading.loadingAnnouncement": "Ke hoʻouka nei.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Ua pau ka hoʻouka ʻana.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Palapalapala",
 	"components.button-add.addItem": "Pākuʻi Mea",
 	"components.button-copy.copied": "Kope ʻia!",

package/lang/hi.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "अलर्ट बंद करें",
 	"components.backdrop-loading.loadingAnnouncement": "लोड हो रही है।",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "लोड करना पूरा हुआ।",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "ब्रेडक्रंब",
 	"components.button-add.addItem": "आइटम जोड़ें",
 	"components.button-copy.copied": "कॉपी किया गया!",

package/lang/ja.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "アラートを閉じる",
 	"components.backdrop-loading.loadingAnnouncement": "読み込み中。",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "読み込みが完了しました。",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "階層",
 	"components.button-add.addItem": "項目の追加",
 	"components.button-copy.copied": "コピーできました。",

package/lang/ko.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "경보 닫기",
 	"components.backdrop-loading.loadingAnnouncement": "로드 중.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "로드 완료.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "이동 경로",
 	"components.button-add.addItem": "항목 추가",
 	"components.button-copy.copied": "복사 완료!",

package/lang/mi.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Kati Matohi",
 	"components.backdrop-loading.loadingAnnouncement": "Kei te uta.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Kua Oti te Utaina.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Pānui",
 	"components.button-add.addItem": "Tāpiri Tūemi",
 	"components.button-copy.copied": "Kua tāruatia!",

package/lang/nl.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Waarschuwing sluiten",
 	"components.backdrop-loading.loadingAnnouncement": "Laden.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Laden voltooid.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Kruimelpad",
 	"components.button-add.addItem": "Item toevoegen",
 	"components.button-copy.copied": "Gekopieerd!",

package/lang/pt.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Fechar alerta",
 	"components.backdrop-loading.loadingAnnouncement": "Carregando.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Carregamento concluído.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Auxiliar de navegação",
 	"components.button-add.addItem": "Adicionar item",
 	"components.button-copy.copied": "Copiado!",

package/lang/sv.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Stängningsvarning",
 	"components.backdrop-loading.loadingAnnouncement": "Läser in.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Inläsning slutförd.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Sökväg",
 	"components.button-add.addItem": "Lägg till objekt",
 	"components.button-copy.copied": "Kopierat!",

package/lang/th.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "ปิดการแจ้งเตือน",
 	"components.backdrop-loading.loadingAnnouncement": "กำลังโหลด",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "การโหลดเสร็จสิ้น",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "แถบนำทาง",
 	"components.button-add.addItem": "เพิ่มรายการ",
 	"components.button-copy.copied": "คัดลอกแล้ว!",

package/lang/tr.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Kapatma Uyarısı",
 	"components.backdrop-loading.loadingAnnouncement": "Yükleniyor.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Yükleme Tamamlandı.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "İçerik Haritası",
 	"components.button-add.addItem": "Öğe Ekle",
 	"components.button-copy.copied": "Kopyalandı!",

package/lang/vi.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "Đóng Cảnh Báo",
 	"components.backdrop-loading.loadingAnnouncement": "Đang tải.",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "Quá trình tải hoàn tất.",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "Đường dẫn",
 	"components.button-add.addItem": "Thêm mục",
 	"components.button-copy.copied": "Đã sao chép!",

package/lang/zh-cn.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "关闭提醒",
 	"components.backdrop-loading.loadingAnnouncement": "正在加载。",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "加载完成。",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "痕迹导航",
 	"components.button-add.addItem": "添加项目",
 	"components.button-copy.copied": "已复制！",

package/lang/zh-tw.js

@@ -2,6 +2,7 @@ export default {
 	"components.alert.close": "關閉警示",
 	"components.backdrop-loading.loadingAnnouncement": "正在載入。",
 	"components.backdrop-loading.loadingCompleteAnnouncement": "載入完成。",
+	"components.backdrop-stale-overlay.message": "This data is out of date.",
 	"components.breadcrumbs.breadcrumb": "導覽路徑",
 	"components.button-add.addItem": "新增項目",
 	"components.button-copy.copied": "複製成功！",

package/mixins/freshness/freshness-mixin.js

@@ -0,0 +1,35 @@
+export const freshness = Object.freeze({
+	fresh: 'fresh',
+	stale: 'stale',
+	loading: 'loading'
+});
+
+export const FreshnessMixin = superclass => class extends superclass {
+
+	static properties = {
+		/**
+		 * The freshness of the component data
+		 * @type {'fresh'|'stale'|'loading'}
+		 * @default "fresh"
+		 */
+		freshness: { type: String, attribute: 'freshness', reflect: true },
+		/**
+		 * The button text in the overlay when 'stale'
+		 * @type {string}
+		 */
+		freshnessStaleButtonText: {
+			type: String, attribute: 'freshness-stale-button-text', reflect: true },
+		/**
+		 * The text message in the overlay when 'stale'
+		 * @type {string}
+		 */
+		freshnessStaleText: {
+			type: String, attribute: 'freshness-stale-text', reflect: true }
+	};
+
+	constructor() {
+		super();
+		this.freshness = freshness.fresh;
+	}
+
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.277.0",
+  "version": "3.278.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",